Trouver le nom d'une couleur

Comment trouver le nom d’une couleur

1. Choisissez une couleur avec Choisir une couleur, ou saisissez une valeur dans Code couleur : un code HEX comme #1E90FF, rgb(30 144 255), hsl(210 100% 56%) ou toute autre couleur CSS.
2. La première fois, l’outil charge sa liste d’environ 32 000 noms de couleurs (quelques centaines de kilo-octets, une seule fois par visite). Ensuite, les résultats s’affichent pendant la saisie.
3. Lisez le Nom le plus proche à côté de Votre couleur. Si le code figure tel quel dans la liste, l’étiquette indique Correspondance exacte.
4. Plus bas, Les 5 noms les plus proches et les Couleurs nommées CSS les plus proches sont listés avec leur code HEX et leur écart (ΔE). Utilisez Copier le nom ou Copier le HEX.
5. Modifiez Comparer avec pour choisir CIEDE2000 (CIELAB) ou la Distance OKLab, ou cliquez sur Couleur aléatoire pour explorer.

La couleur et la recherche restent dans votre navigateur.

D’où viennent les noms ?

Les noms proviennent de color-name-list, une collection libre tenue par David Aerne et de nombreux contributeurs, sous licence MIT. Elle réunit environ 32 000 noms uniques tirés de nuanciers de peinture, de dictionnaires historiques des couleurs, de la nature, de la culture populaire et de propositions de la communauté, d’« Absolute Zero » à « Zucchini ». Chaque nom correspond à un seul code HEX. Les noms sont en anglais : c’est la langue de la liste et celle des mots-clés CSS.

L’outil compare aussi votre couleur aux 148 couleurs nommées CSS de la spécification CSS Color niveau 4 (tomato, rebeccapurple, dodgerblue…), comprises par tous les navigateurs. Les synonymes qui partagent le même code sont regroupés, comme gray / grey ou aqua / cyan. Ce sont les noms à utiliser dans une feuille de style quand on veut un code lisible.

Comment la couleur la plus proche est choisie

Comparer les codes HEX chiffre par chiffre ne fonctionne pas : #808080 et #7F8080 sont presque identiques, alors qu’un petit écart sur un autre canal peut se voir nettement. L’outil convertit chaque couleur dans un espace perceptuel et y mesure les distances.

• CIEDE2000 (CIELAB) est la formule d’écart de couleur de la Commission internationale de l’éclairage, utilisée en imprimerie et pour l’appariement des peintures. Elle corrige l’ancienne distance CIELAB selon la façon dont l’œil juge la clarté, la saturation et la teinte, en particulier dans les bleus et les gris colorés. Le calcul suit Sharma, Wu et Dalal (2005) et il est testé avec leurs données de référence.
• La Distance OKLab est la distance en ligne droite dans OKLab, un espace moderne conçu pour des écarts perceptuels réguliers. Elle est multipliée par 100 pour se lire sur une échelle proche du ΔE2000. Plus rapide, elle concorde souvent avec CIEDE2000 ; quand elles divergent, les différences sont subtiles.

Pour vous repérer : un ΔE inférieur à 1 est invisible pour la plupart des gens, de 1 à 2 l’écart est très léger et ne se voit que côte à côte, au-delà de 5 les couleurs sont nettement différentes. Si le nom le plus proche a un ΔE élevé, votre couleur se situe simplement entre deux couleurs nommées.

À quoi servent les noms de couleurs ?

• Nommer des design tokens ou les pastilles d’une palette avec autre chose qu’un code.
• Décrire une couleur dans un courriel, une fiche produit ou un texte alternatif.
• Trouver un mot-clé CSS proche d’une couleur de marque pour un prototype rapide.