Cet outil de recherche de noms de couleurs indique comment s’appelle une couleur présente dans une image. Importez une image et survolez un pixel : le panneau affiche la couleur nommée la plus proche, son code hexadécimal et ses valeurs RGB. L’image reste dans votre navigateur.
Ce qu'il fait :
- Accepte n'importe quelle image que votre navigateur peut afficher, par sélecteur de fichiers ou glisser-déposer
- Lit le pixel sous votre curseur lorsque vous survolez, et le verrouille lorsque vous cliquez
- Correspond au pixel par rapport à 259 couleurs nommées, du rouge et du bleu au Wine Berry, en passant par le Byzantium et le Laser Lemon
- Sélectionne le nom avec la plus petite différence de couleur CIEDE2000, de sorte que la correspondance suit comment les gens voient la couleur plutôt que la distance RGB brute
- Copie le nom, l'hexadécimal ou la valeur RGB dans votre presse-papiers en un seul clic
Comment utiliser ce nom de couleur Finder
- Cliquez sur la zone de téléchargement ou déposez une image dessus. JPEG, PNG, WebP et GIF fonctionnent tous.
- Déplacez le curseur sur l'image. La nuance et les trois valeurs sont mises à jour lorsque vous passez la souris dessus.
- Cliquez pour verrouiller un pixel. Les valeurs restent en place jusqu'à ce que vous cliquiez ailleurs.
- Utilisez le bouton Copier à côté de Nom, Hex ou RVB. Cliquez sur Ajouter une nouvelle image pour recommencer.
Un pixel bleu bleuâtre revient comme ceci :
Name Cornflower Blue
Hex #6495ED
RGB 100, 149, 237Les pixels situés entre des couleurs nommées obtiennent le voisin le plus proche. Un bleu légèrement différent tel que #6A94E8 renvoie toujours le bleu bleuet et #2E8B57 renvoie le vert mer. Un bleu marine foncé comme #1B1F3B renvoie Dark Purple, car c'est l'entrée la plus proche de la liste.
Le match se déroule en trois étapes, le tout en JavaScript sur votre appareil. Convertissez le pixel de sRGB en CIELAB, calculez la distance CIEDE2000 à chacune des 259 entrées et retournez la plus petite.
Ce que l'outil ne fait pas
- Il n'a pas de saisie de texte. Pour nommer un code hexadécimal ou RVB que vous possédez déjà, collez-le dans le Convertisseur HEX en RVB pour les valeurs, ou faites une capture d'écran d'un pixel de la couleur et téléchargez-la.
- Il montre hex et RGB seulement. Pour HSL, exécutez l'hexadécimal à travers le convertisseur HSL en RGB en sens inverse.
- Il ne peut pas choisir des couleurs à partir d'autres fenêtres ou onglets. Prenez d'abord une capture d'écran.
- Les 259 noms sont une liste sélectionnée, pas Pantone, RAL, ou les noms de marque de peinture. Le nom est une description, pas un code de produit.
- Il ne vérifie pas le contraste et ne simule pas le daltonisme. Le générateur de palette de couleurs accessible couvre le contraste.
Qu'est-ce qu'un nom de couleur ?
Un nom de couleur est l’identifiant lisible par l’homme assigné à un ensemble spécifique de valeurs de couleur dans un système de couleurs normalisé.
Des noms comme « cramoisi », « bleu ardoise » ou « vert forêt » rendent les couleurs mémorables et communicables. Des codes numériques comme #143CDC sont précis mais sans signification pour la plupart des gens.
Le W3C définit 148 couleurs nommées (EN) en CSS que les navigateurs reconnaissent universellement. Ces noms correspondent directement à des codes hexadécimaux spécifiques.
Différentes industries utilisent différents systèmes de nommage. Pantone (EN) sert l'impression et la conception de produits. RAL (EN) domine les applications industrielles. Le système de couleurs NCS (EN) structure les spécifications architecturales.
Qu'est-ce qu'un outil de recherche de noms de couleurs ?
Un chercheur de nom de couleur est un outil qui prend une valeur de couleur et renvoie son nom lisible par l'homme le plus proche.
Donnez-lui un code hexadécimal, une valeur RGB, ou un pixel échantillonné d'une image, et il renvoie quelque chose comme "tomato" ou "steel blue" au lieu d'une chaîne de nombres.
Ce n'est pas un constructeur de palette, et il ne génère pas de nouvelles combinaisons de couleurs.
Son seul travail est la traduction. Valeur numérique entrée, nom sortie.
La plupart des outils de cette catégorie utilisent une liste fixe et prédéfinie de couleurs nommées plutôt que d’inventer des étiquettes à la volée. L'entrée arrive habituellement d'une des trois façons suivantes :
- Entrée de code hex, RGB ou HSL
- Téléchargement d'image pour extraire un nom d'une photo, c'est ainsi que fonctionne l'outil ci-dessus
- Prélèvement par écran ou compte-gouttes
La sortie comprend généralement le nom correspondant, le code d'origine et parfois un score de confiance montrant à quel point la correspondance est réellement proche.
ColorHexa (EN) en est un bon exemple dans la pratique. Tapez un code hexadécimal et il retourne un nom instantanément, sans aucune configuration impliquée.
outil de recherche de noms de couleurs vs Color Picker : Quelle est la différence ?
Un sélecteur de couleur extrait une valeur numérique d'une couleur, rien de plus.
Un outil de recherche de nom de couleur va encore plus loin et associe cette valeur à un nom.
Sélecteur de couleurs : affiche uniquement des nombres hexadécimaux, RGB ou HSL.
outil de recherche de noms de couleurs : affiche un nom, généralement à côté des chiffres.
Plusieurs outils mélangent les deux fonctions dans une seule interface, de sorte que la frontière entre elles devient floue lors d'une utilisation quotidienne.
L'inspecteur intégré de Google Chrome est livré avec un sélecteur de couleurs avec une pipette. Il s'arrête à la valeur numérique et laisse la dénomination entièrement à un outil distinct.
La différence compte surtout lors de la transmission du design. Écrire « cornflowerblue » dans une spécification communique la couleur plus rapidement que coller #6495ED dans un fil de commentaires. C’est particulièrement utile lorsque ces notes alimentent une documentation de design d’interface (EN) également lue par des personnes non techniques.
Quelles sont les normes de dénomination des couleurs utilisées par outil de recherche de noms de couleurs ?
Un chercheur de noms de couleur tire son vocabulaire d'une norme de nommage fixe. La norme choisie définit à la fois le vocabulaire et la précision de la correspondance.
Quatre systèmes apparaissent le plus souvent : X11, Pantone, RAL, et ISCC-NBS.
| Standard | Gouverné par | Taille approximative | Utilisation primaire |
|---|---|---|---|
| X11 (EN) / CSS | World Wide Web Consortium | 148 noms | Web et UI design |
| Pantone (EN) | Pantone LLC | Plus de 2 000 couleurs | Impression et image de marque |
| RAL Classic (EN) | RAL gGmbH | 216 couleurs | Industriel, l'architecture |
| ISCC-NBS (EN) | Inter-Society Color Council | 267 catégories | Description scientifique |
| Cet outil | Liste curated | 259 noms | Nommage des couleurs dans les images |
La plupart des outils libres basés sur un navigateur utilisent la liste X11 par défaut car elle est directement intégrée dans CSS (EN), formalisée dans la spécification CSS Color Module Level 4 (EN) du W3C. Cet outil utilise sa propre liste de 259 noms à la place.
Pantone et RAL se trouvent entièrement en dehors du navigateur. Les deux sont des systèmes sous licence conçus pour les matériaux physiques comme l'encre et la peinture plutôt que les pixels d'écran.
Les marques de peinture compliquent encore les choses. Sherwin-Williams et Behr utilisent chacun leur propre système de dénomination propriétaire, donc un échantillon appelé Agreeable Gray (EN) n'apparaîtra pas dans X11, Pantone ou RAL du tout.
Le même code hexadécimal peut porter un nom différent en fonction de la norme selon laquelle un outil est construit. C'est la vraie raison pour laquelle deux chercheurs de noms de couleurs sont parfois en désaccord sur des entrées identiques.
Comment un outil de recherche de noms de couleurs fait-il correspondre une couleur à un nom ?
La plupart des outils de recherche de noms de couleurs utilisent la recherche du voisin le plus proche. Ils prennent la couleur d'entrée, la comparent avec chaque entrée dans la base de données de nommage, et renvoient le nom le plus proche.
Le "plus proche" n'est pas mesuré en unités RGB brutes sur les meilleurs outils.
Les couleurs sont d'abord converties en CIELAB ou un espace perceptuellement uniforme similaire, puis comparées à l'aide d'une formule appelée Delta E (EN). Il approche la façon dont un œil humain perçoit la différence plutôt que la façon dont un ordinateur la stocke.
- Convertir l'entrée de sRGB en CIELAB ou CIE XYZ
- Calculer la distance Delta E à chaque couleur nommée dans la liste
- Retourne le nom avec la plus petite distance
Un Delta E d'environ 2 ou moins est généralement le point où deux couleurs deviennent difficiles à distinguer pour la plupart des gens. Cet outil utilise CIEDE2000, la révision de 2001 de la formule, qui corrige le biais des anciennes versions dans les gammes bleu et neutre.
Les outils utilisant une distance RGB simple au lieu de Delta E provoquent plus souvent des incohérences de teinte. Cela se manifeste particulièrement dans les gammes bleu et vert, où la perception humaine et les mathématiques brutes des pixels divergent.
Name That Color (EN), un projet construit par le développeur Chirag Mehta, exécute cette même logique de voisinage le plus proche contre une liste de noms de couleurs courants.
Certains outils exposent cette logique de correspondance via une API (EN). Les développeurs peuvent alors exécuter la recherche côté serveur au lieu d'envoyer toute la base de données de nommage au navigateur.
Quelles méthodes de saisie un outil de recherche de noms de couleurs accepte-t-il ?
La méthode d'entrée détermine comment une valeur entre dans l'outil en premier lieu. De nombreux outils de recherche de noms de couleurs en supportent plus d'un à la fois ; celui-ci est uniquement pour les images.
Entrée de code hexadécimal et RGB/HSL
Hex : un code à six chiffres comme #6495ED, le format le plus courant collé à partir d'outils de conception.
RGB : trois nombres entre 0 et 255 pour le rouge, le vert et le bleu.
HSL : teinte, saturation et luminosité, plus proches de la façon dont une personne décrit une couleur à voix haute.
Un outil conçu pour accepter tous les trois exécute généralement une conversion HSL en RGB en coulisses avant que la correspondance ne s'exécute. La base de données de nommage elle-même est stockée en RGB ou en hexadécimal.
Téléchargement d'image
Téléchargez une photo ou un fichier de conception, et l'outil échantillonne les pixels directement au lieu d'attendre un code tapé.
Des outils simples, celui-ci inclus, saisissent la couleur sous un point de clic en utilisant la logique de lecture des pixels de toile intégrée dans le navigateur.
Les plus avancés exécutent d'abord k-means clustering sur toute l'image, pour extraire les couleurs dominantes avant de nommer chacune d'elles.
- JPEG et PNG, les deux formats les plus courants
- WebP, de plus en plus courant dans les outils d’exportation modernes
- SVG, bien que le vecteur plat remplisse l'échantillon plus prévisiblement que les photos
Les fichiers exportés pour l'impression arrivent parfois en CMYK plutôt qu'en RGB. Une étape de conversion de CMYK en RGB doit être exécutée avant que toute correspondance puisse avoir lieu, puisque la plupart des bases de données de nommage ne parlent que de RGB.
Pipette et sélection de couleurs à l'écran
Basé sur le navigateur : Chrome et les autres navigateurs Chromium sont livrés avec une API EyeDropper (EN) intégrée, permettant à un utilisateur de cliquer sur n'importe quel pixel de l'écran, dans n'importe quelle application ouverte, sans installer d'extension.
Logiciel de conception : Adobe Photoshop et GIMP incluent tous deux un outil de pipette natif pour tirer des valeurs directement à partir d'une toile.
La sélection à l'écran saute la saisie entièrement. Cela en fait la méthode de saisie la plus rapide chaque fois que la couleur existe déjà quelque part visible plutôt que comme un code écrit.
Quelle est la précision d'un outil de recherche de noms de couleurs ?
La précision se résume à deux choses : comment la distance est calculée et la taille réelle de la base de données de nommage.
Une liste plus riche distingue plus finement les nuances proches. Une liste de 148 noms attribuera le même nom à deux bleus similaires, tandis qu’une liste de plus de 2 000 noms permettra de les différencier.
- 148 couleurs nommées dans la spécification CSS Color Module Level 4 (EN)
- Plus de 2 000 couleurs dans la bibliothèque Pantone Matching System (EN)
- 216 couleurs dans la collection RAL Classic (EN)
- 267 catégories définies par le système de nommage ISCC-NBS (EN)
- 259 noms dans la liste de cet outil
- Environ 2 Delta E est le seuil typique de différence à peine perceptible
Un outil fonctionnant sur la liste CSS de 148 noms sera toujours moins précis qu'un outil fonctionnant sur la bibliothèque complète de Pantone, simplement parce qu'il a moins de noms à choisir.
L'étalonnage de l'écran ajoute une autre couche de dérive. Le même code hexadécimal peut rendre légèrement plus chaud ou plus froid selon le moniteur. Cela déplace la correspondance perçue même lorsque le nombre sous-jacent ne change jamais.
Choisir une norme de nommage des couleurs pour votre projet
La bonne norme dépend de l'endroit où la couleur aboutit réellement : un navigateur, une page imprimée ou un matériau physique comme la peinture ou le revêtement en poudre.
Pour la conception Web et UI
X11 / CSS est la valeur par défaut pour tout ce qui est rendu dans un navigateur, puisque les noms sont reconnus directement par CSS sans aucune bibliothèque supplémentaire.
- Gratuit et intégré dans chaque navigateur
- Les noms correspondent directement aux valeurs hexadécimales que les développeurs peuvent coller dans le code
- Limité à 148 noms, donc la nuance entre les nuances proches est perdue
Une fois qu'une couleur est choisie, la déplacer d'un fichier de conception vers le code signifie généralement une conversion RGB en hexadécimal, de sorte qu'elle corresponde à ce que CSS attend.
Pour l'impression et l'image de marque
Pantone domine ici parce qu'il résout un problème pour lequel X11 n'a jamais été conçu. Il obtient la même couleur pour être identique sur différentes imprimantes, matériaux et pays.
Avantages : une cohérence des couleurs étroite entre les séries de production, une bibliothèque beaucoup plus grande et une intégration directe dans Adobe Illustrator, InDesign et Photoshop via l'extension de Pantone.
Cons : le système est sous licence, les guides physiques coûtent de l'argent, et il n'a pas de signification native dans un navigateur ou un fichier CSS.
RAL joue un rôle similaire pour l'architecture et les produits industriels, privilégiés pour les revêtements en poudre, la signalisation et tout ce qui est fabriqué plutôt qu'imprimé.
Avantages : un système de numérotation extrêmement précis, et la référence standard à travers l'Europe pour les revêtements et les plastiques.
Cons : presque inconnu en dehors des contextes industriels et architecturaux, et il porte la même friction de licence que Pantone.
Pour l'accessibilité et le travail de contraste
Les noms X11 et CSS restent le choix pratique ici aussi. La documentation sur l'accessibilité doit généralement faire référence au même mot-clé qu'un développeur tapera dans une feuille de style.
En associant un moteur de recherche de noms à un générateur de palette de couleurs accessible, les noms choisis sont liés à des combinaisons qui répondent également aux exigences de contraste. Cela vaut mieux que de choisir un nom en premier et de vérifier le contraste après coup.
Comment trouver un nom de couleur étape par étape
Le processus est court, quelle que soit la méthode de saisie utilisée, bien que quelques étapes supplémentaires se glissent en fonction de la source. L'outil de cette page couvre le chemin de l'image ; le chemin du code nécessite un outil avec un champ de texte.
Trouver un nom de couleur à partir d'un code hex ou RGB
C'est le chemin le plus rapide, puisqu'il n'y a aucun fichier à préparer et aucun pixel à échantillonner.
- Collez le code hexadécimal ou la valeur RGB dans le champ de saisie
- Laissez l'outil le convertir dans l'espace de couleur interne de la base de données de nommage
- Lire le nom renvoyé à côté du code d'origine
Une erreur courante fait trébucher les gens ici. Les gens collent une valeur hexadécimale à 8 chiffres, qui inclut un canal alpha, dans un champ conçu pour le format standard à 6 chiffres.
La spécification CSS Color Module Level 4 (EN) a ajouté le support de 8 chiffres hexadécimaux pour la transparence, mais tous les moteurs de recherche de noms de couleurs n'analysent pas correctement cette paire de chiffres supplémentaires.
Adobe Color (EN) gère cela proprement. Tapez un code hexadécimal à 6 chiffres et il renvoie instantanément l'échantillon nommé le plus proche, sans toucher aux valeurs alpha.
Si la destination finale est une pièce imprimée plutôt qu'un écran, la valeur correspondante a toujours besoin d'une conversion RGB en CMYK avant d'aller n'importe où près d'une imprimante.
Trouver un nom de couleur à partir d'une image
La correspondance basée sur l'image ajoute une étape en avant : obtenir une valeur de pixel unique à partir d'une image entière.
- Téléchargez le fichier image, ou collez une URL sur les outils qui en acceptent une
- Cliquez sur un point de l'image ou laissez l'outil détecter automatiquement les couleurs dominantes
- Exécutez cette valeur échantillonnée à travers la même recherche de nom utilisée pour les codes tapés
Les outils basés sur le navigateur lisent généralement le fichier téléchargé en tant qu'élément d'image HTML (EN) avant d'en échantillonner les pixels.
- Les fichiers JPEG compriment les données de couleur plus agressivement que les fichiers PNG
- Les captures d'écran portent généralement la couleur exacte prévue, sans perte de compression
L'échantillonnage à partir d'un fichier JPEG fortement compressé peut renvoyer un nom techniquement correct pour le pixel, mais pas pour la couleur utilisée par le concepteur d'origine.
Vérification de l'accessibilité et du contraste des couleurs avec un outil de recherche de noms de couleurs
Nommer une couleur et confirmer qu'elle est utilisable sont deux vérifications différentes. Un nombre croissant d'outils s'exécutent maintenant dans la même interface, bien que le chercheur sur cette page s'en tienne au nom.
La vérification du contraste fait partie du travail plus large de l'accessibilité web (EN), tandis qu'un chercheur de noms gère le côté étiquetage du même flux de travail.
Vérification du rapport de contraste
Le rapport de contraste mesure la différence de luminance entre une couleur de premier plan et son arrière-plan, formalisé dans le cadre des exigences color contrast (EN) du WCAG.
| Type de texte | Niveau AA | Niveau AAA |
|---|---|---|
| Texte normal | 4.5:1 | 7:1 |
| Grand texte | 3:1 | 4.5:1 |
Le WCAG définit ces critères comme le plancher pour le critère de succès 1.4.3 (EN).
Un chercheur de nom de couleur qui rapporte "bleu ciel" ne dit rien sur le fait que le texte bleu ciel sur un fond blanc dépasse réellement ce seuil 4.5 :1.
Colorblind Simulation
Environ 1 homme sur 12 (8%) et 1 femme sur 200 (0,5%) dans le monde ont une forme de daltonisme, selon Colour Blind Awareness (EN).
La plupart des cas relèvent de l’une des trois catégories suivantes.
- Protanopie, sensibilité réduite au rouge
- Deuteranopie, sensibilité réduite au vert
- Tritanopie, sensibilité réduite au bleu, beaucoup plus rare que les deux autres
Les fonctions de simulation appliquent un filtre qui imite l'une de ces déficiences sur une palette choisie. Ils montrent si deux couleurs nommées qui semblent distinctes pour la plupart des gens se réunissent dans la même teinte pour une personne atteinte de daltonisme rouge-vert.
Le dépistage clinique de la maladie repose toujours sur le test d'Ishihara, un ensemble de plaques à motifs de points qu'une fonction de simulation approche visuellement plutôt que diagnostiquement.
Lorsqu'un rechercheur de nom de couleur ne fonctionne pas
Un outil de recherche de noms de couleurs peut échouer même lorsque chaque étape s'exécute correctement, car certaines variables se trouvent entièrement en dehors de l'outil.
Les écrans à large gamme non calibrés rendent la même valeur hexadécimale avec plus de saturation que prévu. Le navigateur ne gère pas toujours correctement les valeurs sRGB sur un écran plus large.
Les formats d'image compressés modifient les données de pixel avant tout échantillonnage. Le sous-échantillonnage chromatique de JPEG fait la moyenne des informations de couleur sur des blocs de pixels, de sorte qu'un point échantillonné peut décaler légèrement de la couleur utilisée par un concepteur.
Les matériaux physiques introduisent un problème qu'aucune base de données de nommage ne peut résoudre seule : le métamérisme. Deux couleurs qui correspondent sous une source de lumière cessent de correspondre sous une autre.
Les lacunes des fonctionnalités du navigateur bloquent complètement des méthodes de saisie entières. L'API EyeDropper, livrée avec Chrome 95 (EN), n'est toujours pas supportée dans Firefox et Safari selon caniuse (EN).
La logique de correspondance elle-même s'exécute généralement en JavaScript (EN) dans le navigateur. Une fonctionnalité que le navigateur n'expose pas est tout simplement indisponible, peu importe la qualité de la base de données de nommage derrière elle.
Rien de tout cela ne rend la sortie inutilisable. Cela signifie que le nom retourné est une approximation d'une valeur numérique spécifique, et non une correspondance certifiée à un objet physique sur un bureau quelque part.
Questions fréquentes : Trouver le nom d’une couleur
Existe-t-il une norme universelle pour les noms de couleurs ?
Il n'existe pas de norme unique. X11, Pantone, RAL et ISCC-NBS définissent chacun leurs propres noms pour différents supports. Aucun n'agit comme autorité globale de nommage.
La plupart des projets choisissent une norme en fonction de l'endroit où la couleur sera utilisée.
Un outil de recherche de noms de couleurs peut-il identifier spécifiquement les codes Pantone ou RAL ?
La plupart des outils gratuits basés sur navigateur, celui-ci inclus, ne correspondent qu'à X11 ou à une liste personnalisée, pas à Pantone ou RAL.
Obtenir un code Pantone ou RAL exact nécessite un outil de correspondance de couleurs sous licence ou un livre d'échantillons physique, pas un rechercheur de noms Web standard.
Quelle est la différence entre les couleurs Web-Safe et les noms Pantone ?
Les couleurs Web-safe sont un ensemble fixe (EN) de 216 nuances de l'ère de l'affichage à 256 couleurs, choisies pour un rendu identique sur les anciens moniteurs. Les noms Pantone décrivent les formules d'encre physiques utilisées dans la production d'impression.
Les deux systèmes ne se mappent pas l'un sur l'autre.
Est-ce qu'un outil de recherche de noms de couleurs aide les utilisateurs daltoniens ?
Renvoyer une étiquette de texte au lieu d'un échantillon est utile, car un nom comme vert forêt ne nécessite pas de distinguer visuellement les teintes. Il ne corrige pas le déficit de vision des couleurs.
L'association du chercheur de noms avec une fonction de simulation daltonien couvre ce que la dénomination simple ne peut pas faire.
Un outil de recherche de noms de couleurs peut-il correspondre avec précision aux vraies couleurs de peinture ?
Considérez le résultat comme un point de départ, pas comme une réponse définitive. L'éclairage, l'étalonnage du moniteur et la finition de la peinture changent tous la façon dont une couleur est lue en personne.
Confirmez toute correspondance en ligne avec un échantillon physique avant de valider.
Comment outil de recherche de noms de couleurs gère-t-il l'évolution des normes de dénomination ?
Une recherche de nom de couleur continue de fonctionner après un changement de norme de nommage uniquement en redirigeant sa base de données de correspondance vers la liste mise à jour. L'outil lui-même ne possède aucune connaissance intégrée de l'historique de révision ou du numéro de version d'une norme.
Avec ses 267 catégories nommées, l’ISCC-NBS se rapproche davantage des 148 noms de la liste CSS que des plus de 2 000 couleurs de la bibliothèque Pantone. Il constitue ainsi un compromis scientifique entre la terminologie courante du Web et la précision industrielle.
Le Module de couleur CSS niveau 4 (EN) reste un projet de recommandation candidate du W3C en septembre 2026, pas encore une recommandation finalisée. Sa liste de couleurs nommées est stable depuis l'ajout de rebeccapurple, il est donc peu probable qu'un chercheur construit sur cette base modifie ses réponses de sitôt.
Une fois qu'un nom est confirmé, un flux de travail a toujours besoin des nombres sous-jacents dans un format différent. C'est là qu'une conversion hex en RGB devient l'étape pratique suivante.