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.

Elysia Tools

Navigation mobile

Design

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.

Détails

Ce que cet outil vous aide à faire

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.

Exécution

Exécuter cet outil

Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.

Exécutions d’exemple préparées

Cliquez sur un exemple pour remplir automatiquement le formulaire. Les fichiers doivent toujours être téléversés.

2 exemples

Sandybrown, correspondance exacte

Résoudre #f4a460 tombe exactement sur la couleur nommée sandybrown avec ΔE 0 ; la liste des candidates montre l'écart des suivantes.

<section class="cnr">exact match banner for sandybrown (#f4a460) · ranked list of 8 nearest colors with ΔE00 values and quality chips</section>

Un violet de marque, mode famille

En mode famille, #8842d4 affiche les 16 couleurs nommées de la famille purple-violet triées par ΔE00 ; blueviolet (3.68) est la plus proche pour vos design tokens.

<section class="cnr">family browse card: purple-violet family of 16 named colors, each with ΔE00 distance from #8842d4</section>

Entrées

Renseignez les champs nécessaires, puis lancez l’outil.

4 réglages

ContenuCollez ou saisissez les valeurs principales.1

Couleur (hex ou nom CSS)textRequis

RéglagesAjustez formats, plages, nombres et modes.3

Métrique de distanceselectOptionnelMode de résultatselectOptionnelNombre de correspondancesnumberOptionnel

Résultat

Prêt à exécuter

Après exécution, les fichiers, textes, données structurées ou sorties en flux apparaîtront ici.

Exemples

Exemples adaptés à cet outil

Associé

Résolveur de noms de couleurs CSS

Ce que cet outil vous aide à faire

Exécuter cet outil

Exécutions d’exemple préparées

Entrées

Résultat

Exemples adaptés à cet outil

Continuer avec des outils et dossiers associés

Exécutions d’exemple préparées

Entrées

Résultat

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Aperçu

Quand l’utiliser

Fonctionnement

Cas d’usage

Exemples

1. Identification d'une correspondance exacte

2. Exploration d'une famille de teintes pour un système de design

FAQ

Exemples de codes couleur

Exemples de Traitement d'Images Web Python

Exemples du Framework CSS Bulma

Exemples de Sélecteurs CSS

Convertisseur de couleur CMYK

Tonneur Sépia

Convertisseur d'espaces colorimetriques

Outil de Couleurs Complémentaires Divisées

Outils de conversion d'espaces colorimetriques pour web et impression

Generateurs d'effets CSS, palettes et design tokens

Outils d audit d accessibilite web et de couleurs accessibles

Outils de Design Couleur et Conversion d'Espaces Colorimétriques