Recherche de nom de couleur
Entrez une couleur au format hex, rgb() ou hsl() et trouvez instantanément le nom de couleur CSS le plus proche, avec une comparaison visuelle en direct et quelques alternatives proches.
🔒 Traitement local dans votre navigateur
Loading…
Comment l'utiliser
- Saisissez une couleur dans le champ au format hex, rgb() ou hsl(), ou choisissez-en une visuellement avec le sélecteur de couleur.
- Le nom de couleur CSS le plus proche apparaît instantanément, avec son propre échantillon, son nom et son code hex affichés à côté du vôtre.
- Consultez le score de distance pour voir à quel point la correspondance est proche — une distance de 0 signifie une correspondance exacte.
- Faites défiler la liste ci-dessous pour voir d'autres noms de couleurs proches, classés du plus proche au plus éloigné.
Fonctionnalités
- Accepte les formats de couleur hex, rgb() et hsl(), ainsi qu'un sélecteur de couleur visuel
- Compare avec les 148 noms de couleurs CSS/X11 standards
- Affiche une comparaison visuelle côte à côte de votre couleur et du nom de couleur correspondant
- Inclut un score de distance numérique ainsi que plusieurs alternatives proches
- 100 % côté client — vos couleurs ne quittent jamais votre navigateur
Questions fréquentes
Comment fonctionne la correspondance des noms de couleurs ?
Votre couleur est convertie en RGB, puis comparée à chaque nom de couleur CSS standard à l'aide de la distance euclidienne entre leurs valeurs RGB. Le nom de couleur ayant la plus petite distance est affiché comme la correspondance la plus proche, les suivants les plus proches étant affichés comme alternatives.
Avec quels noms de couleurs la comparaison est-elle effectuée ?
L'ensemble standard des 148 mots-clés de couleurs CSS/X11 étendus définis par le module de couleurs CSS — les mêmes noms que les navigateurs reconnaissent en CSS, comme "tomato", "slateblue" ou "rebeccapurple". C'est une liste fixe et bien connue, donc une correspondance exacte n'est trouvée que si votre couleur tombe exactement sur l'un de ces noms.
Pourquoi les noms de couleurs s'affichent-ils en anglais alors que le site est dans ma langue ?
Des noms comme "Tomato" ou "SlateBlue" sont des mots-clés CSS littéraux, pas du texte traduisible — un navigateur ne comprend que l'orthographe anglaise dans une feuille de style. Ils restent donc en anglais dans chaque langue, tandis que le reste de la page autour d'eux est entièrement traduit.
Que signifie le score de distance ?
C'est la distance directe (euclidienne) entre votre couleur et le nom de couleur dans l'espace RGB, où chaque canal va de 0 à 255. Une distance de 0 est une correspondance exacte ; la distance maximale possible (du noir au blanc) est d'environ 441. Plus le nombre est petit, plus la correspondance visuelle est proche.
Cet outil stocke-t-il ou envoie-t-il mes couleurs ?
Non. Toutes les analyses, comparaisons et calculs de distance se font localement dans votre navigateur en JavaScript classique. Rien n'est envoyé à un serveur ni enregistré nulle part.