Quelle est la différence entre HEX et RGB ?

Ils représentent la même chose — trois canaux de couleur (rouge, vert, bleu) — mais HEX les exprime en hexadécimal (base 16) et RGB en décimal (0–255). La conversion est directe.

Quel ratio de contraste faut-il pour l'accessibilité web ?

WCAG 2.1 niveau AA exige 4,5:1 pour le texte normal et 3:1 pour le texte large. Le niveau AAA, plus strict, exige 7:1 et 4,5:1 respectivement.

Pourquoi la conversion en CMYK n'est-elle pas exacte ?

RGB a un gamut de couleurs plus large que CMYK. Certaines couleurs vives à l'écran ne peuvent pas être reproduites avec des encres, donc la conversion est une approximation. Pour l'impression professionnelle, on utilise des profils ICC.

Calculatrice de Couleurs | The Life Calculators

Calculatrice de Couleurs

Convertisseur de Couleurs

HEX

RGB

HSL

CMYK

HEX

#4285F4

RGB

66, 133, 244

HSL

217°, 89%, 61%

CMYK

73%, 45%, 0%, 4%

Vérificateur de Contraste

Couleur du texte

Couleur de fond

Portez ce vieux whisky au juge blond qui fume

Ratio de Contraste

3.56:1

WCAG AA — Normal

Échoué

WCAG AA — Grand

Réussi

WCAG AAA — Normal

Échoué

Comment Fonctionne ce Calcul

Cette calculatrice convertit une couleur entre quatre systèmes de représentation courants. HEX utilise six chiffres hexadécimaux (00–FF par canal) précédés de #. RGB définit rouge, vert et bleu de 0 à 255. HSL décrit la teinte en degrés (0–360), la saturation et la luminosité en pourcentage. CMYK est le modèle soustractif d'impression avec cyan, magenta, jaune et noir.

Le vérificateur de contraste calcule le rapport de luminance relative entre deux couleurs selon WCAG 2.1. Un ratio de 4,5:1 satisfait AA pour le texte normal ; 3:1 pour le texte large (≥18pt ou ≥14pt gras). AAA exige 7:1 pour le texte normal et 4,5:1 pour le grand.

Erreurs Courantes à Éviter

Supposer que les couleurs à l'écran correspondent à l'impression. RGB/HEX sont des modèles additifs (écran). CMYK est soustractif (encre). La conversion est une approximation et les couleurs imprimées peuvent différer notablement.
Ignorer le contraste d'accessibilité. Un texte qui semble bien peut être illisible pour les personnes malvoyantes. Vérifiez toujours le ratio de contraste pour respecter au moins WCAG AA.
Confondre HSL avec HSV/HSB. HSL et HSV se ressemblent mais L (luminosité) et V/B (valeur/luminosité) produisent des résultats différents pour les mêmes valeurs numériques.

Exemple Concret

Convertir le bleu Google (#4285F4) dans d'autres formats.

HEX → RGB : 42 = 66, 85 = 133, F4 = 244 → RGB(66, 133, 244).

RGB → HSL : Teinte ≈ 217°, Saturation ≈ 90 %, Luminosité ≈ 61 %.

RGB → CMYK : C ≈ 73 %, M ≈ 45 %, Y ≈ 0 %, K ≈ 4 %.

Questions Fréquentes

Quelle est la différence entre HEX et RGB ?: Ils représentent la même chose — trois canaux de couleur (rouge, vert, bleu) — mais HEX les exprime en hexadécimal (base 16) et RGB en décimal (0–255). La conversion est directe.
Quel ratio de contraste faut-il pour l'accessibilité web ?: WCAG 2.1 niveau AA exige 4,5:1 pour le texte normal et 3:1 pour le texte large. Le niveau AAA, plus strict, exige 7:1 et 4,5:1 respectivement.
Pourquoi la conversion en CMYK n'est-elle pas exacte ?: RGB a un gamut de couleurs plus large que CMYK. Certaines couleurs vives à l'écran ne peuvent pas être reproduites avec des encres, donc la conversion est une approximation. Pour l'impression professionnelle, on utilise des profils ICC.