HEX, RGB et HSL : trois descriptions d’une même couleur
Un éditeur peut demander HEX tandis qu’un fichier emploie RGB ou HSL. Convertir permet de transmettre la même couleur, pas de l’améliorer automatiquement ni de garantir l’égalité entre écran et impression.
HEX est une notation compacte de RGB
Avec 6 chiffres HEX, chaque paire décrit le rouge, le vert ou le bleu de 0 à 255. Le raccourci à 3 chiffres répète chaque chiffre, sans insérer de zéros.
Le convertisseur travaille en sRGB opaque et accepte HEX à 3 ou 6 chiffres. CSS peut ajouter l’alpha avec 8 chiffres, mais cette transparence est hors du périmètre actuel.
Références: W3C CSS Color 4 — Hexadecimal RGB and HSL
HSL change la manière de décrire
Teinte, saturation et luminosité aident à choisir une version plus claire ou moins saturée plutôt que modifier 3 canaux sans direction.
La luminosité HSL n’est pas une mesure uniforme de la clarté perçue. Des pourcentages égaux entre teintes ne garantissent ni un aspect aussi clair ni une bonne couleur de texte.
Références: W3C CSS Color 4 — Hexadecimal RGB and HSL
Convertir ne valide pas tout le design
Testez le texte sur son vrai fond si la lecture compte. Un code valide ou un bel échantillon ne prouve pas un contraste suffisant.
Gardez la référence en passant à l’impression ou à un autre espace. Ce n’est ni un étalonnage d’écran ni du CMYK ; revenir de HSL à RGB sur 8 bits peut introduire un léger arrondi.
Exemple : développer un code sans changer la couleur
#369 devient #336699. Les paires 33, 66 et 99 donnent RGB 51, 102 et 153, pas 3, 6 et 9. La même couleur vaut en HSL 210 degrés, 50% de saturation et 40% de luminosité.
Ce sont 3 descriptions, pas 3 nuances. Passer à 60% de luminosité choisit une autre couleur ; ajouter l’alpha introduit une décision de transparence absente de l’original opaque.