Inspecteur de couleur
Sélectionne une couleur et obtiens instantanément tous ses codes : HEX, RGB, HSL, HSV, CMYK, LAB, nom CSS et luminance.
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)hsv(217, 76%, 96%)cmyk(76%, 47%, 0%, 4%)lab(55.63, 17.55, -64.43)dodgerblue (#1E90FF)0.2355À propos : Inspecteur de couleur
L'inspecteur de couleur affiche tous les codes d'une couleur en même temps : HEX, RGB, HSL, HSV, CMYK et LAB, avec le nom CSS le plus proche et la luminance relative. Choisis la couleur au sélecteur, règle-la aux curseurs ou colle un code existant, puis copie le format dont tu as besoin. Pratique pour passer d'une maquette au CSS, convertir un code HEX en RGB ou en HSL, ou retrouver le nom d'une teinte.
Fonctionnalités
- Conversion instantanée en HEX, RGB, HSL, HSV, CMYK et LAB, chaque valeur avec son bouton de copie.
- Nom de couleur CSS le plus proche, trouvé par distance dans l'espace LAB, affiché avec son code HEX.
- Luminance relative de 0 à 1, la valeur que les WCAG utilisent pour calculer les contrastes.
- Réglage au sélecteur visuel, dans le champ HEX ou avec des curseurs RGB et HSL (teinte, saturation, luminosité).
- Copie du HEX depuis la barre d'outils, annuler et rétablir, et couleur gardée dans l'URL de la page.
Comment l'utiliser
- Clique sur la pastille pour ouvrir le sélecteur, ou colle un code HEX, une valeur
rgb()ou un nom CSS dans le champ. - Affine la couleur avec les onglets RGB et HSL et leurs curseurs.
- Copie le format voulu dans la liste des codes.
Questions relatives à l'utilisation
Un code HEX comme #3B82F6 regroupe trois paires hexadécimales : 3B, 82 et F6, soit 59, 130 et 246 en décimal, donc rgb(59, 130, 246). Colle le code dans l'inspecteur : la valeur RGB et tous les autres formats s'affichent aussitôt.
Les deux décrivent une couleur par sa teinte (0 à 360°) et sa saturation. En HSL, la luminosité va du noir (0 %) au blanc (100 %), la couleur pure étant à 50 %. En HSV, la valeur à 100 % donne la couleur la plus vive, sans aller vers le blanc. Le CSS utilise HSL.
Seulement si la couleur correspond exactement à une couleur nommée du CSS. Sinon, l'outil affiche le nom le plus proche, avec son propre code HEX pour comparer. La proximité est mesurée dans l'espace LAB, plus fidèle à la perception humaine qu'une simple distance en RGB.