Trouveur de noms de couleurs

• Correspondance instantanée de la couleur la plus proche : le trouveur de noms de couleurs calcule instantanément la distance euclidienne entre votre couleur saisie et chaque couleur de la base, puis renvoie les 6 correspondances les plus proches classées par similarité perceptive. Aucun bouton à presser.
• Plus de 300 noms CSS, X11 et Pantone : la base couvre les 148 couleurs nommées CSS, plus de 50 noms de couleur X11 et plus de 100 approximations Pantone — les trois systèmes de nommage des couleurs les plus utilisés dans le web, l'impression et le design.
• Rechercher par nom ou parcourir : passez à l'onglet de recherche pour trouver des couleurs par nom ; tapez « coral », « navy » ou « pantone 186 » pour parcourir toute la base. Cliquez sur n'importe quel résultat pour voir instantanément ses correspondances les plus proches et copier ses valeurs.
• 100 % privé et sans envoi : toutes les recherches de couleur se font localement dans votre navigateur. Aucune donnée de couleur n'est jamais envoyée à un serveur, stockée ou journalisée. Le trouveur de noms de couleurs fonctionne entièrement hors ligne une fois la page chargée.

• Développement CSS : trouvez la couleur nommée CSS la plus proche de votre jeton de design afin d'utiliser un nom sémantique plutôt qu'un code HEX brut. Le trouveur de noms de couleurs vous dit instantanément si votre couleur a une correspondance CSS exacte.
• Documentation de design : lorsque vous documentez une palette de couleurs, utilisez le trouveur de noms de couleurs pour donner à chaque couleur un nom lisible par l'humain. Les couleurs nommées sont plus faciles à communiquer aux parties prenantes que les codes HEX bruts.
• Correspondance impression et marque : trouvez l'approximation Pantone la plus proche de n'importe quelle couleur d'écran. La base Pantone du trouveur de noms de couleurs vous aide à identifier la couleur d'encre standard la plus proche pour la production d'impression.
• Accessibilité et communication des couleurs : lorsque vous rédigez des rapports d'accessibilité ou des specs de design, utilisez des couleurs nommées pour décrire clairement les éléments d'interface. Le trouveur de noms de couleurs vous donne le nom standard de n'importe quelle valeur de couleur.
• Art numérique et illustration : identifiez le nom standard des couleurs que vous prélevez sur des images de référence ou des palettes. Le trouveur de noms de couleurs couvre des couleurs artistiques X11 comme Cerulean, Vermilion et Ochre que les designers utilisent au quotidien.
• Tests de daltonisme et d'accessibilité : utilisez des couleurs nommées pour communiquer les choix de couleur aux utilisateurs ayant des déficiences de la vision des couleurs. Des noms comme « DodgerBlue » et « Crimson » sont plus descriptifs que les codes HEX dans les contextes d'accessibilité.

Un trouveur de noms de couleurs prend n'importe quelle valeur de couleur — HEX, RVB ou une requête de recherche — et renvoie la couleur nommée la plus proche d'une base de données sélectionnée. Les noms de couleur proviennent de trois grands systèmes : les couleurs nommées CSS (les 148 couleurs définies dans la spécification CSS, comme « CornflowerBlue » et « Tomato »), les noms de couleur X11 (l'ensemble étendu utilisé dans les systèmes Unix/Linux et les outils de design, incluant des couleurs comme « Cerulean » et « Vermilion ») et les approximations de couleur Pantone (le système de couleurs d'encre standard du secteur utilisé en impression et en design de marque).

La recherche se fait en trois étapes, entièrement dans votre navigateur :

1. Analyse de votre saisie : saisissez un code HEX (par ex. #3b82f6), utilisez le sélecteur de couleur natif, entrez des valeurs RVB ou recherchez par nom. Le trouveur de noms de couleurs accepte tous les formats de saisie courants.
2. Calcul des distances : l'outil calcule la distance euclidienne entre votre couleur saisie et chaque couleur de la base de plus de 300 noms à l'aide de la formule √((R₁−R₂)² + (V₁−V₂)² + (B₁−B₂)²). Une distance de 0 correspond à une correspondance exacte. Vos données de couleur ne quittent jamais votre navigateur.
3. Renvoi des meilleures correspondances : les six couleurs nommées les plus proches s'affichent sous forme de cartes avec leurs valeurs HEX, RVB et TSL, toutes copiables en un clic. Chaque carte indique la source de la couleur (CSS, X11 ou Pantone) et le score de distance.

• Couleurs nommées CSS : les 148 couleurs définies dans la spécification CSS Color Module Level 4. Ce sont les seuls noms de couleur qui fonctionnent directement dans les feuilles de style CSS sans aucune conversion.
• Noms de couleur X11 : un ensemble étendu d'environ 550 noms de couleur définis à l'origine pour le système de fenêtrage X. De nombreux outils de design et langages de programmation incluent les couleurs X11. Le trouveur de noms de couleurs inclut les noms X11 les plus utiles qui ne sont pas déjà couverts par CSS.
• Approximations Pantone : valeurs sRVB approximatives pour les couleurs du Pantone Matching System (PMS). Ce ne sont que des approximations à l'écran : les véritables couleurs d'encre Pantone ne peuvent être associées précisément qu'avec des nuanciers physiques.

La distance Δ affichée sur chaque carte de résultat est la distance euclidienne dans l'espace colorimétrique RVB entre votre couleur saisie et la couleur nommée. Une distance de 0 correspond à une correspondance exacte. Les distances inférieures à 20 sont très proches (presque indiscernables). Les distances supérieures à 50 indiquent une différence de couleur perceptible. Pour une correspondance plus précise perceptivement, une future version pourrait utiliser la distance CIE ΔE au lieu de la distance euclidienne RVB.