# Résolveur de noms de couleurs CSS Résout n'importe quelle couleur hex vers sa couleur CSS nommée la plus proche avec la vraie distance CIEDE2000, puis explore toute sa famille. > Page canonique: https://elysiatools.com/fr/tools/css-color-name-resolver - **Catégorie:** Design - **Mots-clés:** nom couleur css, couleur la plus proche, delta e, ciede2000, famille de couleurs, hex vers nom ## Présentation Construit sur la liste complète des mots-clés CSS Color Module Level 4 (148 mots-clés, 139 couleurs distinctes, alias gray/grey, aqua/cyan et fuchsia/magenta fusionnés). La distance suit CIEDE2000 (formulation Sharma/Wu/Dalal 2005, cas de rebouclage de teinte à 180° inclus) via sRGB → RVB linéaire → XYZ(D65) → CIELab ; les sites classiques utilisent la distance RVB brute, qui classe mal les bleus foncés — changez la métrique pour voir le classement évoluer. La vue famille répartit les 139 couleurs en 12 familles par seuils TSL. Repère ΔE : <1 imperceptible, 1–2 à peine perceptible, 2–10 évident, ≥50 couleurs opposées. ## Entrées - **Couleur (hex ou nom CSS)** (text): #3366ff or cornflowerblue - **Métrique de distance** (select) - **Mode de résultat** (select) - **Nombre de correspondances** (number) ## Quand l'utiliser - Trouver le mot-clé CSS standard le plus fidèle pour remplacer un code hexadécimal dans une feuille de style. - Explorer toutes les nuances CSS nommées appartenant à une même famille chromatique pour un système de design. - Mesurer l'écart perceptif réel (ΔE) entre une couleur de marque et les couleurs CSS officielles. ## Fonctionnement - Saisissez un code hexadécimal ou un nom de couleur CSS dans le champ prévu à cet effet. - Sélectionnez la formule de calcul de distance (CIEDE2000, CIE94, CIE76 ou RVB) et le mode d'affichage souhaité. - Consultez la liste ordonnée des correspondances avec l'écart perceptif ΔE associé ou explorez toute la famille de teintes. ## Cas d'usage - Remplacement de codes hexadécimaux par des noms de couleurs CSS lisibles dans des prototypes rapides. - Sélection de jetons de design natifs alignés sur la palette de couleurs officielle des navigateurs. - Audit chromatique pour évaluer l'écart visuel entre une charte graphique et les standards CSS. ## Questions fréquentes ### Pourquoi privilégier CIEDE2000 plutôt que la distance RVB classique ? CIEDE2000 modélise la perception visuelle humaine non linéaire, évitant les erreurs de classement fréquentes sur les bleus foncés et les teintes sombres. ### Combien de couleurs CSS nommées sont prises en compte ? L'outil intègre les 148 mots-clés du CSS Color Module Level 4, regroupés en 139 couleurs distinctes après fusion des synonymes comme gray/grey ou aqua/cyan. ### Que représente la valeur ΔE affichée dans les résultats ? Elle quantifie la différence visuelle : un score inférieur à 1 est imperceptible, entre 1 et 2 à peine visible, et supérieur à 2 clairement perceptible. ### Comment les familles de couleurs sont-elles organisées ? Les 139 couleurs sont réparties en 12 familles de designers à l'aide de seuils TSL afin de regrouper intuitivement les teintes similaires. ### Peut-on utiliser un nom de couleur comme valeur d'entrée ? Oui, vous pouvez renseigner un mot-clé CSS standard ou un code hexadécimal pour calculer les proximités et afficher sa famille. ## Outils associés - [Convertisseur de couleur CMYK](https://elysiatools.com/fr/tools/cmyk-converter): Convertit les couleurs entre HEX, RGB, HSL et CMYK. - [Tonneur Sépia](https://elysiatools.com/fr/tools/color-sepia-toner): Appliquer des effets de tons sépia aux couleurs avec des styles classique, chaud, froid et personnalisé - [Convertisseur d'espaces colorimetriques](https://elysiatools.com/fr/tools/color-space-converter): Convertit une couleur entre HEX, RGB, HSL, CIELAB et Display-P3 avec sortie CSS et verification de gamme. - [Outil de Couleurs Complémentaires Divisées](https://elysiatools.com/fr/tools/color-split-complement): Générer des schémas de couleurs complémentaires divisées avec un contraste harmonieux en utilisant une couleur de base et deux couleurs adjacentes à son complément - [Convertisseur de Couleur OKLCH](https://elysiatools.com/fr/tools/oklch-color-converter): Conversion bidirectionnelle entre HEX, RGB, HSL, OKLCH et Display-P3 selon CSS Color 4, avec lecture luminosité/chroma/teinte, vérification de gamut sRGB et Display-P3, et suggestion de rognure hors-gamut - [Convertisseur Adobe RGB vers CMYK](https://elysiatools.com/fr/tools/adobe-rgb-to-cmyk-converter): Convertir les valeurs de couleur Adobe RGB en format CMYK pour l'impression avec support du canal alpha - [Convertisseur Adobe RGB vers HEX](https://elysiatools.com/fr/tools/adobe-rgb-to-hex-converter): Convertir les valeurs de couleur Adobe RGB en format HEX pour le design web - [Convertisseur Adobe RGB vers HSL](https://elysiatools.com/fr/tools/adobe-rgb-to-hsl-converter): Convertir les valeurs de couleur Adobe RGB en format HSL pour le travail de design ## Exemples - [Exemples de codes couleur](https://elysiatools.com/fr/samples/color-code): Collection de codes de couleur dans différents formats (Hex, RGB, HSL, couleurs nommées) pour les tests de validation - [Exemples de Traitement d'Images Web Python](https://elysiatools.com/fr/samples/web-image-processing-python): Exemples de traitement d'images Web Python utilisant PIL/Pillow incluant la lecture, l'enregistrement, le redimensionnement et la conversion de format - [Exemples du Framework CSS Bulma](https://elysiatools.com/fr/samples/bulma): Exemples du framework CSS Bulma incluant les colonnes, composants, contrôles de formulaire, système de mise en page et modèles de conception modernes basés sur CSS - [Exemples de Sélecteurs CSS](https://elysiatools.com/fr/samples/css-selectors): Collection d'exemples de sélecteurs CSS pour les tests d'extraction et d'analyse ## Contenu associé - [Outils de conversion d'espaces colorimetriques pour web et impression](https://elysiatools.com/fr/hubs/design-convert): Des outils reunis pour conversion d'espaces colorimetriques entre web et impression dans un seul hub. - [Generateurs d'effets CSS, palettes et design tokens](https://elysiatools.com/fr/hubs/design-generate): Des outils reunis pour effets visuels CSS, creation de palettes et generation de design tokens dans un seul hub. - [Outils d audit d accessibilite web et de couleurs accessibles](https://elysiatools.com/fr/hubs/web-accessibility-audits): Regroupez dans un meme hub les controles WCAG, l ordre de lecture des lecteurs d ecran, les problemes de contraste, les risques lies a la vision des couleurs et le choix de palettes accessibles. - [Outils de Design Couleur et Conversion d'Espaces Colorimétriques](https://elysiatools.com/fr/hubs/color-design-tools): Comparer des convertisseurs de couleur, des générateurs de palettes, des outils d'harmonie, des vérificateurs d'accessibilité et des utilitaires d'ajustement de couleur dans un seul hub pour designers et développeurs.