Hex vers nom de couleur

Les jetons de design, guides de marque et feuilles de style stockent souvent les couleurs en codes hex, pourtant les humains parlent encore de noms comme tomato, cornflowerblue ou rebeccapurple. Cet outil prend une seule valeur hex CSS—trois ou six chiffres hexadécimaux, avec ou sans dièse initial—et renvoie la couleur CSS nommée solide la plus proche de la palette CSS Color Module Level 4 par distance euclidienne dans l’espace rouge-vert-bleu sur huit bits. Lorsque le hex correspond déjà exactement à une couleur nommée, la réponse marque exact à true et la distance est zéro. Lorsqu’il se situe entre mots-clés, vous obtenez quand même un nom stable le plus proche, le hex et les canaux propres au mot-clé, et une distance numérique pour que revues de design et règles de lint décident à quel point c’est assez proche. Les chaînes hex invalides échouent avec une erreur de validation claire au lieu d’inventer un nom.

Comment les couleurs CSS nommées les plus proches sont choisies

Chaque couleur CSS nommée solide est un triplet fixe de valeurs de canaux rouge, vert et bleu de zéro à 255, publié dans la table de mots-clés du CSS Color Module Level 4. Votre entrée est normalisée : dièse initial optionnel, chiffres hex en minuscules, et abréviation à trois chiffres développée en doublant chaque nibble de sorte que f zero zero devienne f f zero zero zero zero.

L’algorithme mesure ensuite la distance euclidienne dans l’espace RGB : la racine carrée de la somme des différences de canaux au carré entre votre couleur et chaque triplet nommé. Le nom à la plus petite distance gagne. Lorsque deux mots-clés partagent les mêmes valeurs RGB—par exemple aqua et cyan, ou fuchsia et magenta—ou lorsque deux triplets distincts se trouvent à la même distance numérique, le nom alphabétiquement premier est conservé pour que le résultat ne bascule pas entre les exécutions.

Distance zéro signifie un hit exact de palette et le drapeau exact est true ; une distance positive signifie une approximation du plus proche voisin encore utilisable en rédaction, notes d’accessibilité ou lint doux de palette.

Ce que vous envoyez et ce que vous recevez en retour

Envoyez un champ chaîne nommé hex. Les formes acceptées sont les codes à six chiffres tels que hash f f five seven three three, l’abréviation à trois chiffres telle que hash f zero zero, et les mêmes chaînes sans dièse initial. Les espaces autour de la valeur sont coupés.

Les contrôles classiques incluent le rouge pur comme hash f f zero zero zero zero résolvant à red avec exact true ; le quasi-orange hash f f five seven three three résolvant près de tomato avec distance positive ; et les codes à six chiffres sans dièse résolvant comme leur forme avec dièse.

Où la recherche hex-vers-nom apparaît dans le travail réel

Les design systems et livres de marque publient souvent primaires et accents en hex tandis que la copie produit, les annotations d’accessibilité et les diapositives pour parties prenantes ont besoin de noms lisibles pour les mêmes nuanciers. Les règles de lint front-end et contrôles CI peuvent signaler des hex personnalisés éloignés de tout mot-clé CSS lorsqu’une équipe préfère les couleurs nommées dans les feuilles de style pour la lisibilité.

Les auteurs de visualisation de données mappant des séries catégorielles partent parfois de rampes hex et veulent le mot-clé CSS le plus proche pour des légendes qui doivent s’afficher sans images de nuancier personnalisées. Si vous avez ensuite besoin de conversion multi-formats entre HEX, RGB, HSL, LAB et CMYK, de conversion inverse noms vers hex seulement, d’extraction de couleur dominante d’images ou de contrôles de contraste WCAG, traitez-les comme intentions de recherche et pages séparées plutôt que de surcharger cette page dédiée hex vers nom de couleur.