Convertisseur de couleurs : à quoi ça sert
Les designers livrent des codes hexadécimaux, les animations CSS préfèrent le HSL parce qu’il s’interpole proprement, et le travail sur canvas réclame les canaux RGB. Ce convertisseur prend une couleur et produit ses équivalents, avec un aperçu en direct et le rapport de contraste face au noir et au blanc pour vérifier l’accessibilité.
Convertisseur de couleurs : mode d’emploi
- Saisissez une couleur en HEX ou choisissez-la avec le sélecteur.
- Lisez les valeurs équivalentes en RGB et en HSL.
- Vérifiez les rapports de contraste avec du texte blanc et du texte noir.
- Copiez le format dont vous avez besoin, déjà en syntaxe CSS.
Questions fréquentes
Pourquoi utiliser le HSL plutôt que le HEX ?
Parce que le HSL se lit à l’œil nu. Éclaircir une couleur revient à augmenter un nombre au lieu de recalculer trois paires hexadécimales, ce qui facilite énormément la création d’une palette cohérente.
Quel contraste faut-il pour l’accessibilité ?
Le niveau WCAG AA exige 4,5:1 pour le texte courant et 3:1 pour le grand texte ; le niveau AAA monte à 7:1. Les valeurs affichées indiquent immédiatement si le texte blanc ou le texte noir convient.
Que signifie la quatrième valeur d’un RGBA ?
Le canal alpha, c’est-à-dire l’opacité, de 0 (totalement transparent) à 1 (totalement opaque). Le CSS moderne accepte aussi un hexadécimal à huit chiffres dont la dernière paire code l’alpha.
Pourquoi le même HEX paraît-il différent sur deux écrans ?
À cause de la gestion des couleurs. Les écrans varient en gamut et en calibration ; sans profil couleur explicite, la même valeur sRGB s’affiche différemment sur un moniteur à large gamut.