Qu'est-ce que Identifieur de nom de couleur ?

Saisissez n'importe quelle valeur HEX, RGB ou HSL pour obtenir la couleur nommée la plus proche dans une base de plus de 1 500 noms. Un code couleur devient un nom que vous pouvez prononcer, pratique pour rédiger une documentation de design ou parler d'une palette avec un collègue.

Les noms viennent du projet open-source color-name-list, la même base qu'utilisent de nombreux plugins Figma et extensions Tailwind. Tu peux saisir une valeur HEX, basculer la saisie en RVB ou TSL et entrer les canaux, ou choisir une teinte à la pipette. L'outil renvoie la correspondance la plus proche selon la distance euclidienne en RVB — affichée en HEX, RVB, TSL, TSV et CMJN — avec deux noms alternatifs, un score de similarité et un contrôle de contraste WCAG, de quoi distinguer une correspondance quasi parfaite d'une approximation grossière.

Comment utiliser

1. Étape 1 — Saisissez une valeur de couleur en HEX (ex. : #3B82F6), basculez la saisie en RVB ou TSL pour entrer les canaux, ou utilisez le sélecteur de couleur pour en choisir une visuellement.
2. Étape 2 — L'outil trouve instantanément la couleur nommée la plus proche, accompagnée de la distance exacte de correspondance.
3. Étape 3 — Consultez le nom de la couleur, sa valeur HEX exacte et une comparaison visuelle entre votre couleur saisie et la couleur nommée.

Quand l'utiliser

• Donner un nom à une couleur de marque avant de la verser dans la charte ou le design system.
• Traduire une couleur tirée d'une capture en un nom que le dev pourra rechercher.
• Rapprocher un échantillon de peinture ou de tissu d'une palette web connue.

Résultat

Un développeur saisit #4A90D9 et découvre que la couleur la plus proche est "Steel Blue" (#4682B4) avec 96,2 % de similitude.

FAQ

D'où viennent ces noms de couleurs ?

Du projet open-source color-name-list, environ 1 500 noms compilés à partir de l'enquête xkcd, de catalogues de fabricants de peinture et de la spécification CSS. Beaucoup d'outils de design tapent dans la même source, ces noms vous parleront.

Pourquoi certaines couleurs n'atteignent jamais 100 % de similarité ?

Seules les couleurs identiques à une entrée de la liste obtiennent 100 %. Le reste reçoit le voisin le plus proche selon la distance RGB. Au-dessus de 95 % l'œil ne fait pas la différence, en dessous de 85 % le nom est visiblement décalé.

C'est de la distance RGB ou de la distance perceptive ?

Distance euclidienne RGB. C'est rapide et ça suffit pour la plupart des couleurs web. En revanche, sur les rouges et verts très saturés, l'œil perçoit des nuances que le modèle RGB n'enregistre pas, et le nom retenu peut paraître un cran à côté.

Puis-je saisir directement du TSL, RVB ou HEX ?

Oui — les trois sont intégrés. Bascule l'onglet de saisie sur HEX, RVB ou TSL et tape ta valeur, ou choisis une teinte avec la pipette. La fiche de résultat affiche aussi la couleur trouvée en TSL, TSV et CMJN pour copier le format dont tu as besoin.

Pourquoi deux HEX très différents donnent-ils le même nom ?

La liste est trouée dans certaines zones de l'espace colorimétrique, notamment les neutres ternes et les roses pastel. Quand les deux entrées sont loin de tout nom existant, le même voisin l'emporte pour les deux. Le score de similarité révèle l'écart.

Outils similaires