Trouveur de Noms de Couleurs
Trouvez le nom de couleur le plus proche pour n'importe quel code hex, RGB ou HSL. Entrez une couleur et obtenez des correspondances des listes HTML/X11, NTC (1500+ noms) et basique — triées par similarité perceptuelle (Delta-E). Parfait pour le design, l'accessibilité et le nommage des couleurs.
Color Preview
Results update automatically as you type or use the picker.
Type a color code or use the picker above. Results update as you type.
Entrez une couleur (hex, rgb ou hsl) pour trouver son nom le plus proche
Table des matières
Qu'est-ce qu'un Trouveur de Noms de Couleurs ?
Un trouveur de noms de couleurs prend un code de couleur (hex, RGB, HSL) et retourne le nom de couleur le plus proche d'une ou plusieurs listes (ex. noms de couleurs HTML/X11, NTC). Comme la plupart des codes n'ont pas de nom exact, l'outil utilise la distance de couleur perceptuelle (Delta-E dans l'espace Lab) pour que le nom corresponde à ce que l'œil voit.
Le Trouveur de Noms de Couleurs Tooladex utilise la bibliothèque color-namer et supporte le hex (#FF5500), RGB (rgb(255,85,0)) et HSL (hsl(24,100%,50%)). Les résultats sont affichés depuis les listes Basique, HTML/X11 et NTC (1500+ noms), avec la correspondance la plus proche en premier et la distance pour que vous puissiez juger de l'adéquation.
Comment ça fonctionne
- Entrez une couleur — Hex (#FF5500), RGB (rgb(255,85,0)) ou HSL (hsl(24,100%,50%)). Avec ou sans # pour le hex.
- Les correspondances sont calculées — Votre couleur est comparée à chaque couleur nommée dans chaque liste dans l'espace Lab ; la plus petite distance est le nom le plus proche.
- Voir les noms les plus proches — Pour chaque liste (Basique, HTML/X11, NTC) le nom le plus proche et son hex et distance sont affichés. Distance plus faible = correspondance plus proche.
- Plus de correspondances NTC — Jusqu'à 7 noms NTC supplémentaires sont listés par similarité pour que vous puissiez choisir un nom plus spécifique ou alternatif.
Tout le traitement s'exécute dans votre navigateur ; aucune donnée de couleur n'est envoyée à un serveur.
Listes de noms
- Basique — Petit ensemble de noms simples (ex. rouge, bleu, vert).
- HTML / X11 — Noms de couleurs HTML/CSS standard (de la liste X11). Affichés ensemble car ils retournent généralement la même correspondance la plus proche.
- NTC — Grand ensemble (1500+ noms) de la liste "Name That Color" ; meilleur pour les noms spécifiques ou créatifs.
Cas d'utilisation
- Design — Nommer une couleur d'un sélecteur ou d'un hex de marque pour la documentation ou les palettes.
- Accessibilité — Se référer aux couleurs par nom dans les spécifications ou discussions.
- Code — Choisir entre les couleurs nommées (ex. coral) vs hex en CSS.
- Contenu — Étiqueter les couleurs dans les catalogues, filtres ou UI (ex. "Tangerine" au lieu de #FF9966).
Questions fréquentes
Hex (ex. #FF5500 ou FF5500), RGB (ex. rgb(255,85,0)), RGBA et HSL (ex. hsl(24,100%,50%)). L'outil normalise automatiquement le hex à 6 chiffres sans #.
La distance est l'écart entre votre couleur et la couleur nommée dans l'espace de couleur Lab (perceptuel). Zéro signifie une correspondance exacte. Des valeurs plus petites signifient une correspondance plus proche ; des valeurs plus grandes signifient que le nom n'est qu'une approximation.
Chaque liste a un ensemble différent de couleurs nommées. Basique a peu de noms ; NTC en a 1500+. Le nom le plus proche dans chaque liste peut différer (ex. "rouge" en basique vs "coral" en HTML/X11) car les listes ne contiennent pas les mêmes couleurs.