Recherche de noms de couleurs
Trouvez le nom de couleur CSS le plus proche de n’importe quelle valeur de couleur. Collez jusqu’à 100 couleurs dans n’importe quel format CSS et obtenez, pour chacune, la plus proche parmi les 148 couleurs nommées CSS, classées selon leur différence colorimétrique CIEDE2000. Pour chaque correspondance, le nom, le code hexadécimal, la valeur Delta E et une évaluation sont indiqués. Affichez jusqu’à 10 correspondances par couleur. Pratique pour nommer des jetons de conception, décrire des couleurs dans la documentation et trouver rapidement un mot-clé.
Foire aux questions
Quels noms de couleurs sont recherchés ?
Les 148 couleurs nommées de CSS Color 4, d’aliceblue à yellowgreen, y compris rebeccapurple. Les noms qui partagent une valeur, comme aqua et cyan, fuchsia et magenta, ainsi que les graphies gray et grey, figurent ensemble sur une ligne, ce qui donne 139 couleurs distinctes. transparent et les couleurs système ne sont pas inclus.
Comment la couleur la plus proche est-elle déterminée ?
À l’aide de la différence de couleur CIEDE2000, Delta E 2000, calculée en CIELAB par la bibliothèque culori. Il s’agit de la norme du secteur pour mesurer la différence entre deux couleurs perçue par un observateur moyen ; plus la valeur est faible, plus la correspondance est proche.
Que signifient les niveaux de correspondance ?
Exacte signifie que la couleur nommée a le même code hexadécimal. Très proche signifie un Delta E inférieur à 2, une différence difficile à percevoir ; similaire signifie inférieur à 5, une différence perceptible côte à côte ; éloignée signifie 5 ou plus, le nom ne décrivant alors que la famille générale de couleurs.
Combien de correspondances obtient-on ?
Entre 1 et 10 par couleur, 3 par défaut, classées de la plus proche à la plus éloignée. Des correspondances supplémentaires sont utiles lorsque le nom le plus proche a la bonne luminosité, mais pas la bonne teinte, ou inversement.
Comment saisir les couleurs ?
Saisissez une couleur par ligne, ou plusieurs sur une même ligne, séparées par des virgules ou des points-virgules ; les virgules dans rgb() ou hsl() ne servent pas de séparateurs. Les codes hexadécimaux avec ou sans #, les noms de couleurs CSS, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() et cmyk() sont acceptés, jusqu’à 100 couleurs par exécution.
Que deviennent les couleurs transparentes ?
Les couleurs nommées sont opaques : le canal alpha est donc ignoré et la couleur est comparée comme si elle était entièrement opaque. La colonne HEX affiche le code à 6 chiffres qui a été comparé.
Que deviennent les couleurs à large gamme ?
Les couleurs hors sRGB, comme les couleurs vives Display P3 ou les valeurs OKLCH, sont d’abord converties en sRGB à l’aide de l’algorithme CSS Color 4, car toutes les couleurs nommées CSS sont des couleurs sRGB. La colonne HEX affiche ensuite la valeur convertie, utilisée pour comparer les noms.
Puis-je utiliser le nom à la place de mon code hexadécimal ?
Uniquement si la correspondance est exacte ; sinon, la couleur nommée a un aspect différent. Un nom proche reste une indication lisible utile dans un jeton de conception ou dans la documentation, par exemple pour un bleu proche de steelblue.
Pourquoi seulement CSS noms, et pas une liste plus longue ?
CSS noms sont compris par tous les navigateurs et peuvent être saisis directement dans une feuille de style. Les listes de noms plus longues varient selon les fournisseurs et font souvent l’objet d’une licence, tandis que ces noms 148 sont définis par la norme CSS.
Pourquoi une correspondance avec un Delta E plus élevé peut-elle me sembler plus proche ?
Delta E 2000 modélise la perception d’un observateur moyen dans des conditions d’observation standard. Votre écran, son calibrage, les couleurs environnantes et les différences de vision des couleurs influencent ce qui vous semble le plus proche ; considérez donc le classement comme un guide fiable, mais pas comme une vérité absolue.