Référence des Formats de Couleur

Définitions, plages de valeurs et utilisation pour 11 formats de couleur incluant HEX, RGB, HSL, CMYK et OKLCH.

HEX

Un code couleur hexadécimal à 6 chiffres précédé de #. Chaque paire de chiffres représente les canaux Rouge, Vert et Bleu en base 16 (00-FF).

When to use
Le format le plus courant en conception web et CSS. Utilisé en HTML, CSS, outils de conception et contrôle de version.
Value ranges
#000000 (noir) à #FFFFFF (blanc). Supporte la notation abrégée à 3 chiffres (#RVB) et l'alpha à 8 chiffres (#RRGGBBAA).
CSS support
Supporté dans toutes les versions de CSS.
Try in Color Converter →

RGB

Représente les couleurs en utilisant les canaux Rouge, Vert et Bleu, chacun allant de 0 à 255. Basé sur le mélange additif des couleurs — la façon dont les écrans émettent la lumière.

When to use
Standard pour les écrans numériques, l'édition d'images et la manipulation programmatique des couleurs.
Value ranges
R : 0-255, G : 0-255, B : 0-255
CSS support
Supporté dans toutes les versions de CSS comme rgb() et rgba().
Try in Color Converter →

HSL

Définit la couleur par Teinte (angle sur la roue chromatique), Saturation (intensité) et Luminosité (clarté). Plus intuitif que RGB pour la sélection manuelle de couleurs.

When to use
Idéal pour générer des variations de couleur — ajuster la luminosité pour les ombres/teintes, la saturation pour l'intensité.
Value ranges
H : 0-360°, S : 0-100%, L : 0-100%
CSS support
Supporté en CSS3+ comme hsl() et hsla().
Try in Color Converter →

CMYK

Cyan, Magenta, Jaune, Clé (noir). Un modèle de couleur soustractif utilisé en production d'impression où les encres absorbent la lumière plutôt que de l'émettre.

When to use
Requis pour la conception d'impression et les flux de travail de prépresse. Non supporté directement en CSS.
Value ranges
C : 0-100%, M : 0-100%, J : 0-100%, K : 0-100%
CSS support
Non supporté en CSS.
Try in Color Converter →

HSB / HSV

Teinte, Saturation, Luminosité (aussi appelé HSV — Teinte, Saturation, Valeur). Similaire à HSL mais utilise la luminosité au lieu de la clarté, correspondant au fonctionnement de nombreux sélecteurs de couleur.

When to use
Courant dans les outils de conception comme Adobe Photoshop et Figma pour leurs sélecteurs de couleur.
Value ranges
H : 0-360°, S : 0-100%, B : 0-100%
CSS support
Non supporté directement en CSS.
Try in Color Converter →

CIELAB (LAB)

Un espace colorimétrique perceptuellement uniforme où des changements numériques égaux correspondent à des différences de couleur perçues approximativement égales. Composé de Luminosité (L), axe vert-rouge (a) et axe bleu-jaune (b).

When to use
Utilisé pour les calculs précis de différence de couleur (Delta-E), la correction des couleurs et la représentation des couleurs indépendante du dispositif.
Value ranges
L : 0-100, a : -128 à 127, b : -128 à 127
CSS support
Supporté en CSS Color Level 4 comme lab().
Try in Color Converter →

CIE XYZ

Un espace colorimétrique indépendant du dispositif défini par la Commission Internationale de l'Éclairage. Sert de fondation mathématique pour la plupart des autres espaces colorimétriques.

When to use
Utilisé comme étape intermédiaire dans les conversions d'espaces colorimétriques et pour les calculs colorimétriques.
Value ranges
X : 0-95,047, Y : 0-100, Z : 0-108,883 (illuminant D65)
CSS support
Non supporté directement en CSS.
Try in Color Converter →

LCH

La forme cylindrique de CIELAB, utilisant Luminosité, Chroma (intensité de la couleur) et Teinte (angle). Plus intuitif que les axes a/b de LAB tout en maintenant l'uniformité perceptuelle.

When to use
Préféré à LAB lorsque vous devez ajuster le chroma ou la teinte indépendamment tout en maintenant l'uniformité perceptuelle.
Value ranges
L : 0-100, C : 0-150+, H : 0-360°
CSS support
Supporté en CSS Color Level 4 comme lch().
Try in Color Converter →

OKLCH

Un espace colorimétrique perceptuel moderne qui améliore LCH avec une meilleure uniformité de teinte. Conçu par Björn Ottosson pour corriger les décalages de teinte qui se produisent dans les espaces basés sur CIELAB.

When to use
Recommandé pour l'adoption de CSS Color Level 4. Fournit la manipulation la plus uniforme de luminosité, chroma et teinte de tout espace colorimétrique largement supporté.
Value ranges
L : 0-1, C : 0-0,4+, H : 0-360°
CSS support
Supporté en CSS Color Level 4 comme oklch(). Support navigateur en expansion.
Try in Color Converter →

HWB

Teinte, Blancheur, Noirceur. Décrit la couleur par son angle de teinte, puis combien de blanc et de noir sont mélangés. Considéré comme le modèle de couleur le plus intuitif pour les humains.

When to use
Facile à comprendre pour les utilisateurs non techniques. Ajouter de la blancheur crée des pastels, ajouter de la noirceur crée des tons plus profonds.
Value ranges
H : 0-360°, W : 0-100%, B : 0-100%
CSS support
Supporté en CSS Color Level 4 comme hwb().
Try in Color Converter →

CIELUV (LUV)

Un espace colorimétrique perceptuellement uniforme optimisé pour le mélange additif des couleurs (lumière). Similaire à CIELAB mais mieux adapté aux applications impliquant l'illumination.

When to use
Utilisé en conception d'éclairage, science de la couleur télévisuelle et applications impliquant la lumière émise plutôt que la lumière réfléchie.
Value ranges
L : 0-100, u : -134 à 224, v : -140 à 122
CSS support
Non supporté en CSS.
Try in Color Converter →