Convertisseur de couleurs
Convertissez une couleur entre HEX, RGB et HSL avec un aperçu.
Comment utiliser Convertisseur de couleurs
- Saisissez une couleur au format HEX (#137256) ou RGB (rgb(19,114,86)).
- Copiez le format dont vous avez besoin.
À propos de Convertisseur de couleurs
Le CSS accepte la même couleur sous plusieurs notations, chacune ayant son rôle. rgb(19, 114, 86) détaille les trois canaux en décimal, de 0 à 255. #137256 exprime ces mêmes nombres en base 16, deux chiffres hexadécimaux par canal — ce qui explique pourquoi les deux sont interchangeables, et pourquoi #abc s'étend en #aabbcc. Les deux sont additifs : ils décrivent la lumière émise par un écran, à l'opposé de l'impression en CMJN, où chaque encre ajoutée retire de la lumière à la page.
hsl() est la notation vers laquelle il vaut la peine de convertir. La teinte est un angle sur le cercle chromatique, la saturation indique l'intensité de la couleur, la luminosité sa clarté — trois nombres que l'on peut raisonner séparément. Un état de survol, c'est la même teinte avec une luminosité abaissée. Une gamme de teintes, c'est une seule teinte à plusieurs niveaux de luminosité. Essayez l'un ou l'autre à l'œil en RGB et vous résolvez trois équations liées à la fois. Si vous voulez qu'une gamme soit construite pour vous, le générateur de nuances s'en charge, et le vérificateur de contraste vous dira si le texte reste lisible sur le résultat.
Collez un code HEX (trois ou six chiffres, # facultatif) ou une valeur rgb() et récupérez les trois formats avec un échantillon en direct qui se met à jour au fur et à mesure que vous tapez. rgba() est accepté mais son alpha est ignoré. La saisie en HSL, l'hexadécimal à huit chiffres et les noms de couleur ne sont pas analysés. Rien n'est envoyé.
Questions fréquentes
Quels formats puis-je coller ?
L'hexadécimal à trois ou six chiffres, où le # est facultatif, ainsi que les valeurs rgb() et rgba(). Vous récupérez toujours HEX, RGB et HSL.
Puis-je coller une valeur HSL ?
Pas en entrée. HSL n'est ici qu'un format de sortie ; partez donc d'une valeur HEX ou RGB et lisez le HSL dans le résultat.
Que devient l'alpha d'une couleur rgba() ?
Il est ignoré. L'outil convertit les trois canaux de couleur et renvoie des valeurs HEX, RGB et HSL opaques.
Pourquoi convertir en HSL ?
Parce que cela sépare la teinte de la saturation et de la luminosité. Ajuster la luminosité donne un état de survol ou une teinte claire qui reste dans la même famille de couleur, ce qui est bien plus simple que de deviner de nouvelles valeurs RGB.
#ABC est-il la même couleur que #AABBCC ?
Oui. L'hexadécimal à trois chiffres n'est qu'une abréviation pure — chaque chiffre est doublé pour produire la forme à six chiffres.