Was sind CSS benannte Farben?

CSS benannte Farben sind eine Reihe vordefinierter Farbschlüsselwörter, die Browser und Design-Tools nach Name erkennen — Wörter wie tomato, steelblue, cornflowerblue oder rebeccapurple. Es gibt 147 Standard-Benannte Farben, die in der CSS Color Level 4-Spezifikation definiert sind (auch als W3CX11-Farbenliste bekannt). Jeder Name ist einem spezifischen Hex-Wert zugeordnet, was es einfach macht, Farben im Code zu referenzieren, ohne sich genaue RGB- oder Hex-Werte merken zu müssen.

Benannte Farben sind seit den frühen Tagen des Webs Teil von HTML und CSS. Im Laufe der Zeit wuchs die Liste von den ursprünglichen 16 Grundfarben zu dem heute anerkannten vollständigen Satz. Trotz der Fülle von Hex-Codes und benutzerdefinierten Eigenschaften in der modernen Webentwicklung bleiben benannte Farben beliebt für Lesbarkeit, schnelle Prototypenerstellung und Bildungszwecke.

Werkzeugbeschreibung

Color Name Finder nimmt jede Farbe, die Sie wählen — über eine Farbauswahl oder Hex-Eingabe — und identifiziert die nächstgelegene CSS benannte Farbe. Wenn die ausgewählte Farbe eine exakte CSS-Farbe ist, zeigt es eine perfekte Übereinstimmung. Andernfalls berechnet es die wahrnehmungsbezogene Farbdistanz zu jeder benannten Farbe mit dem CIEDE2000-Algorithmus und gibt die nächstgelegene zurück, zusammen mit einem numerischen Distanzwert, der angibt, wie nah die Übereinstimmung ist.

Funktionen

  • Wahrnehmungsbezogenes Farbabgleich — verwendet die CIEDE2000-Farbdifferenzformel, die gleiche Metrik, die in der professionellen Farbwissenschaft verwendet wird, um die visuell ähnlichste benannte Farbe zu finden, anstatt nur den nächsten Hex-Wert zu suchen.
  • Erkennung exakter Übereinstimmungen — erkennt sofort jede der 147 Standard-CSS benannten Farben und meldet eine Übereinstimmung mit Null-Distanz.
  • ΔE Distanzwert — zeigt einen numerischen Delta-E-Wert an, damit Sie beurteilen können, wie nah der nächste Name ist; Werte unter 2 sind für das menschliche Auge im Allgemeinen nicht wahrnehmbar.