Le HEX (hexadécimal) est un code de six caractères précédé d'un dièse : #E8635A. Chaque paire de caractères représente les canaux Rouge, Vert et Bleu en notation base 16 (de 00 à FF).

Il est fonctionnellement identique au RVB, simplement écrit autrement. #E8635A équivaut à rgb(232, 99, 90). Le HEX n'est qu'une manière plus compacte d'écrire des valeurs RVB.

Vous écrivez le CSS d'une page d'atterrissage. Le designer vous remet une charte avec les couleurs de la marque. Vous écrivez :

:root { --primary: #E8635A; --secondary: #2D3748; --accent: #F6AD55; }

Le HEX est parfait ici : compact, lisible et pris en charge partout.

RVB signifie Rouge, Vert, Bleu : les trois couleurs de lumière que les écrans mélangent pour produire toutes les couleurs que vous voyez. Chaque canal va de 0 à 255. rgb(232, 99, 90) signifie 232 unités de rouge, 99 de vert et 90 de bleu.

Le RVB est le fondement de toute la couleur numérique. Le HEX n'est que du RVB dans une autre notation. Le TSL est une transformation du RVB pensée pour l'humain. Tout ce qui s'affiche sur votre écran finit en valeurs RVB envoyées aux pixels.

Vous développez une application React Native et vous avez besoin d'un calque semi-transparent :

backgroundColor: 'rgba(0, 0, 0, 0.6)'

Le RVB avec alpha est le choix naturel : direct, lisible et natif pour le moteur de rendu.

TSL signifie Teinte, Saturation, Luminosité :

hsl(4, 75%, 63%) signifie : une teinte rougeâtre (4°), très vive (75 % de saturation) et légèrement claire (63 %).

Vous construisez un design system avec Tailwind CSS et vous avez besoin d'une échelle de couleur cohérente :

--brand-50: hsl(4, 75%, 95%); --brand-100: hsl(4, 75%, 90%); --brand-200: hsl(4, 75%, 80%); --brand-500: hsl(4, 75%, 63%); --brand-700: hsl(4, 75%, 43%); --brand-900: hsl(4, 75%, 25%);

Même teinte, même saturation, luminosité différente. Une échelle parfaite en 30 secondes. Essayez donc en HEX.

CMJN signifie Cyan, Magenta, Jaune, Noir. Ce modèle décrit la couleur comme un mélange d'encres appliquées sur du papier blanc. Chaque valeur va de 0 % à 100 % : 0, 57, 61, 9 signifie 0 % de cyan, 57 % de magenta, 61 % de jaune et 9 % de noir.

Contrairement au RVB (qui ajoute de la lumière pour créer les couleurs), le CMJN en soustrait au papier blanc. Plus d'encre = couleur plus foncée. C'est pourquoi on parle de modèle colorimétrique soustractif.

Vous avez conçu une affiche dans Illustrator. Avant l'envoi à l'imprimeur, vous convertissez le document en mode colorimétrique CMJN (File → Document Color Mode → CMYK Color), vous vérifiez les avertissements hors gamut et vous corrigez les bleus électriques virés au turquoise terne. Le PDF final est enregistré en CMJN avec le profil ICC de l'imprimeur.

C'est l'erreur de débutant classique. Vous créez une affiche éclatante dans Photoshop en mode RVB, vous l'envoyez à l'imprimeur et le résultat paraît délavé, surtout les verts et les bleus. Convertissez toujours en CMJN avant l'export destiné à l'impression et vérifiez les avertissements de gamut.

Si votre design comporte des calques semi-transparents, des ombres ou des effets de glassmorphisme, passez au RGBA ou au HSLA. Le HEX standard à 6 chiffres ne porte aucune information d'opacité, et celui à 8 chiffres est rarement employé car difficile à lire.

« #3B82F6 mais 20 % plus clair » suppose une conversion, un calcul, puis une reconversion. En TSL : augmentez la luminosité de 20 %. Les tokens de design, les générateurs de thèmes et les propriétés personnalisées CSS modernes fonctionnent nettement mieux en TSL.

Une marque définie en CMJN pour l'impression paraîtra différente si on la convertit naïvement en HEX pour le web. La bonne approche : faire correspondre visuellement la couleur à l'écran avec la version imprimée, puis définir des valeurs HEX distinctes pour l'usage numérique. La charte graphique devrait contenir les deux.

Aucune sur la couleur — uniquement sur la notation. Le HEX écrit les mêmes valeurs Rouge/Vert/Bleu en base 16. #FF0000 est identique à rgb(255, 0, 0). Le HEX est plus court à taper ; le RVB est plus facile à modifier par programmation et gère un canal alpha (RGBA).

Dès que le résultat final est imprimé sur un support physique : papier, carton, tissu, plastique. Si cela reste à l'écran, utilisez le RVB (ou HEX/TSL). Si c'est imprimé, passez au CMJN au moment de l'export.

Pour les design systems, la thématisation et la manipulation de couleur — oui. Pour communiquer vite et copier-coller dans les outils, le HEX est plus pratique. Ils décrivent les mêmes couleurs ; le TSL organise simplement l'information d'une manière qui correspond à la façon dont les humains pensent la couleur (teinte → vivacité → clarté).

Oui. Color Picker Camera: HEX RGB capture une couleur depuis l'appareil photo ou une photo et affiche HEX, RVB, TSL et CMJN simultanément. Touchez une valeur pour la copier. L'application fonctionne comme un convertisseur de formats de couleur du monde réel : une capture, quatre formats.