Convertisseur de Couleurs.

Convertissez des couleurs entre HEX, RVB, TSL et CMJN instantanément. Choisissez une couleur visuellement ou saisissez des valeurs — idéal pour les designers et développeurs.

HEX
CMYK
RGB
R
G
B
HSL
H
S
L

Cet outil convertit les codes couleur entre les formats HEX, RVB, TSL et CMJN en temps réel. Que vous construisiez un site web, conceviez un logo ou harmonisiez des couleurs de marque, il suffit de choisir une couleur ou d'entrer une valeur et les quatre formats se mettent à jour instantanément. Tout fonctionne dans votre navigateur — aucune donnée n'est envoyée à un serveur.

Comment utiliser

Cliquez sur la pastille de couleur en haut pour ouvrir le sélecteur de couleur de votre appareil, ou tapez un code HEX directement dans le champ HEX (le # est facultatif). Vous pouvez aussi ajuster les valeurs R, V, B pour RVB ou H, S, L pour TSL — tous les champs restent synchronisés. Le CMJN se met à jour automatiquement et est en lecture seule. Cliquez sur Copier à côté d'un format pour copier la valeur prête pour CSS.

La conversion de couleur fonctionne mieux quand une même couleur circule proprement entre les outils

Un bon convertisseur de couleur ne sert pas vraiment à produire davantage de codes. Il sert à conserver intact un même choix visuel pendant qu’il passe entre des fichiers de design, du CSS, des bibliothèques de composants et des références d’impression. Une même couleur peut demander du HEX pour un passage de relais, du RGB pour l’implémentation, du HSL pour un ajustement et du CMYK pour un document proche de l’impression.

Cet outil garde ces formats alignés au même endroit pour que vous puissiez passer de l’un à l’autre sans perdre de vue la couleur d’origine.

Là où la friction apparaît le plus souvent

Passage du design au développement

Une personne parle en tokens de design ou en HEX, une autre a besoin de valeurs CSS, et un seul caractère mal copié suffit à produire la mauvaise teinte en production.

Travail de marque

Une couleur de marque n’est pas seulement une idée visuelle. C’est un ensemble de représentations numériques exactes qui doivent rester alignées entre assets, code et documentation.

Débogage d’une interface existante

Quand quelque chose semble légèrement faux, vérifier la même couleur dans plusieurs formats peut montrer si le problème vient du code, de la conversion ou de la valeur source.

Les erreurs qui comptent

Supposer que des valeurs proches sont interchangeables

Deux valeurs peuvent sembler voisines tout en ne désignant pas la même couleur. Cela compte d’autant plus lorsqu’un système de marque dépend de la cohérence.

Traiter le CMYK comme identique à la couleur écran

Le CMYK est utile comme référence, mais les flux écran et impression ne sont pas des miroirs parfaits. La conversion aide à traduire, pas à garantir un rendu physique identique.

Modifier un format et oublier les autres

L’intérêt d’un convertisseur synchronisé est de pouvoir ajuster une représentation tout en gardant les autres alignées immédiatement.

Exemples concrets

Transformer une couleur choisie en code de production

On peut trouver la bonne teinte visuellement d’abord, puis seulement ensuite avoir besoin de la valeur HEX ou HSL exacte pour l’implémentation.

Vérifier un guide de style

Si un document liste du HEX, du RGB et du CMYK pour une même couleur de marque, un convertisseur aide à vérifier que ces valeurs décrivent encore le même résultat attendu.

Déboguer un élément visuellement hors marque

Quand un bouton ou un arrière-plan semble faux, comparer les sorties liées peut aider à isoler un mauvais collage de valeur ou un malentendu de format.

Ce que cet outil ne fait pas

Cet outil convertit des formats de couleur. Il n’évalue pas le contraste d’accessibilité, ne construit pas une palette complète et ne remplace pas une épreuve d’impression calibrée. Il sert au transfert fidèle des représentations, pas à toutes les décisions de design liées à la couleur.

La discipline utile derrière l’outil

L’objectif n’est pas simplement de produire plus de codes. Il s’agit de garder une identité couleur cohérente lorsqu’elle circule entre différentes étapes d’un workflow. C’est là qu’un convertisseur fait gagner un vrai temps et évite des incohérences visuelles discrètes.

Exemples

Rouge pur #ff0000 → rgb(255, 0, 0) → hsl(0, 100%, 50%)
Bleu ciel #87ceeb → rgb(135, 206, 235) → hsl(197, 71%, 73%)
Vert forêt #228b22 → rgb(34, 139, 34) → hsl(120, 61%, 34%)
Blanc #ffffff → rgb(255, 255, 255) → CMJN C:0% M:0% J:0% N:0%
Noir #000000 → rgb(0, 0, 0) → CMJN C:0% M:0% J:0% N:100%

FAQ

Qu'est-ce qu'un code couleur HEX ?

Un code HEX est une chaîne de six caractères utilisée en design web et en CSS pour définir des couleurs. Il commence par # suivi de trois paires de chiffres hexadécimaux représentant les valeurs de rouge, vert et bleu — par exemple, #ff0000 est le rouge pur.

Quelle est la différence entre RVB et CMJN ?

RVB (Rouge, Vert, Bleu) est un modèle de couleur additif utilisé pour les écrans — il mélange de la lumière. CMJN (Cyan, Magenta, Jaune, Noir) est un modèle soustractif utilisé en impression. Les valeurs CMJN affichées sont une approximation mathématique standard depuis les valeurs RVB.

Pourquoi mes valeurs CMJN diffèrent-elles de mon logiciel d'impression ?

Les logiciels d'impression professionnels utilisent des profils de couleur ICC qui varient selon l'imprimante et le papier. Cet outil calcule une approximation mathématique standard, idéale pour le web mais pouvant différer des profils d'impression spécifiques.

Cet outil est-il gratuit et privé ?

Oui — entièrement gratuit et fonctionnant uniquement dans votre navigateur. Aucune valeur de couleur n'est envoyée à un serveur.

Outils associés

Confidentialité et données

Cet outil fonctionne entièrement dans votre navegador. Rien de ce que vous tapez ou collez n'est envoyé à un serveur — tout le traitement se fait localement sur votre appareil.