Convertisseur HEX vers Couleur Nommée

• Correspondance Instantanée HEX vers Couleur Nommée : le convertisseur calcule instantanément la distance euclidienne entre votre saisie et les 148 couleurs nommées CSS. Les résultats se mettent à jour à chaque frappe, affichant la correspondance la plus proche avec pourcentage de similarité, score de distance et valeurs de couleur. Aucun bouton à presser.
• Pourcentage de Similarité et Score de Distance : chaque résultat affiche à la fois le pourcentage de similarité (0-100 %) et la distance euclidienne (Δ) dans l'espace RVB. Une similarité de 100 % signifie une correspondance exacte. La barre de progression codée par couleur vous donne un aperçu visuel rapide de la proximité de la correspondance.
• Traitement 100 % Privé dans le Navigateur : toute la correspondance de couleurs se fait localement dans votre navigateur en JavaScript. Vos valeurs HEX ne quittent jamais votre appareil et ne sont jamais envoyées à un serveur - parfaitement sûr pour les travaux de design propriétaires et les projets clients.
• Gratuit et Sans Inscription : utilisez le convertisseur HEX vers couleur nommée autant de fois que vous voulez, sans inscription, sans abonnement et sans limite d'utilisation. L'outil est totalement gratuit pour toujours, sans publicité bloquant l'interface.

• Développement CSS avec des Couleurs Nommées : remplacez les codes HEX difficiles à mémoriser par des couleurs nommées CSS sémantiques. Le convertisseur vous indique exactement quel nom de couleur CSS correspond à votre jeton de design, rendant vos feuilles de style plus lisibles et faciles à maintenir.
• Documentation de Système de Design : lors de la documentation d'un système de design, utilisez le convertisseur pour donner à chaque couleur un nom CSS lisible. Les couleurs nommées sont plus faciles à communiquer entre équipes et peuvent être utilisées directement dans les déclarations CSS.
• Art Numérique et Illustration : les artistes et illustrateurs utilisent le convertisseur HEX vers couleur nommée pour trouver le nom CSS standard des couleurs prélevées sur des images de référence. Cela aide à maintenir la cohérence des couleurs entre différents outils et plateformes.
• Accessibilité et Communication des Couleurs : les spécialistes de l'accessibilité utilisent les couleurs nommées pour décrire clairement les éléments d'interface dans les rapports et la documentation. Le convertisseur vous donne le nom CSS standard de n'importe quelle couleur, rendant la communication avec les parties prenantes plus précise.
• Éducation et Apprentissage du CSS : les personnes apprenant le CSS utilisent le convertisseur pour comprendre quelles couleurs du monde réel représentent les valeurs nommées CSS. Saisissez n'importe quel code HEX et découvrez à quelle couleur nommée il correspond - un moyen pratique d'apprendre la palette de couleurs nommées CSS.
• Rédaction Technique et Tutoriels : les rédacteurs techniques utilisent le convertisseur pour trouver le bon nom de couleur CSS lors de la rédaction de documentation. Utiliser des couleurs nommées dans les tutoriels rend les exemples de code plus clairs et plus faciles à comprendre pour les lecteurs.

La conversion HEX vers couleur nommée prend un code couleur hexadécimal (comme #FF6B6B) et trouve la couleur nommée CSS la plus proche parmi les 148 couleurs définies dans la spécification CSS Color Module Level 4. Au lieu d'afficher uniquement la valeur hex, vous obtenez un nom lisible comme « Coral » ou « Tomato » accompagné d'un pourcentage de similarité indiquant la proximité de la correspondance. L'outil calcule la distance euclidienne entre votre couleur saisie et chaque couleur nommée dans l'espace RVB, les classe de la plus proche à la plus éloignée et affiche les 6 meilleures correspondances avec leurs scores de similarité.

1. Saisissez votre Couleur HEX : tapez ou collez une valeur HEX (par ex. #FF6B6B ou #F6B). Vous pouvez aussi utiliser l'échantillon du sélecteur de couleur natif ou cliquer sur n'importe quelle couleur d'exemple. Tout le traitement s'exécute localement dans votre navigateur - vos données de couleur ne quittent jamais votre appareil.
2. Calcul de la Distance : l'outil convertit votre saisie et chacune des 148 couleurs nommées CSS en valeurs RVB et calcule la distance euclidienne avec la formule √((R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)²). La distance maximale possible dans l'espace RVB est d'environ 441,67, ce qui sert à calculer le pourcentage de similarité : (1 − distance / 441,67) × 100.
3. Résultats Affichés Instantanément : la correspondance la plus proche est affichée en premier avec un badge de similarité bien visible et une bande de comparaison des couleurs. Chaque carte de résultat affiche la distance (Δ), le pourcentage de similarité avec une barre de progression codée par couleur, et les valeurs HEX, RVB et TSL - toutes copiables en un clic.

• 100 % de similarité (Δ = 0) : votre couleur HEX correspond exactement à l'une des 148 couleurs nommées CSS. La carte affiche un badge « Correspondance Exacte » avec une bordure mise en évidence.
• 95-99 % de similarité (Δ = 1-22) : pratiquement indiscernable de la couleur nommée. Ces correspondances sont visuellement identiques dans la plupart des contextes et peuvent être utilisées de manière interchangeable.
• 80-94 % de similarité (Δ = 23-88) : correspondance proche avec une légère différence perceptible. La couleur conserve la même famille de teinte mais peut différer légèrement en luminosité ou en saturation.
• Moins de 80 % de similarité (Δ > 88) : différence de couleur notable. La couleur nommée partage des caractéristiques de teinte similaires mais présente une variation importante de luminosité ou de saturation par rapport à votre saisie.

Les couleurs nommées CSS sont les 148 mots-clés de couleur définis dans la spécification CSS, utilisables directement dans les feuilles de style (par ex. color: CornflowerBlue). Elles comprennent les 16 couleurs HTML d'origine plus 132 couleurs supplémentaires issues de CSS2.1 et CSS Color Module Level 4. Ce sont les seuls noms de couleur qui fonctionnent nativement en CSS sans aucun prétraitement ni conversion.

Contrairement à d'autres systèmes de nommage des couleurs comme X11 (utilisé sur les systèmes Unix/Linux) ou Pantone (utilisé en impression), les couleurs nommées CSS sont garanties de s'afficher de manière cohérente dans tous les navigateurs modernes. Cela en fait le choix le plus sûr pour le développement web. Le convertisseur HEX vers couleur nommée se concentre exclusivement sur ces 148 mots-clés CSS, garantissant que chaque correspondance affichée peut être utilisée directement dans votre code CSS.