HEX-Farbe in Farbnamen-Konverter

CSS3 definiert genau 140 benannte Farben (auch erweiterte Farben oder X11-Farben genannt). Diese reichen von Grundfarben wie Rot, Blau und Grün bis hin zu spezifischeren Schattierungen wie Cornflowerblue, Darkolivegreen und Papayawhip. Jeder moderne Browser erkennt alle 140 Namen und macht sie zu einer zuverlässigen Möglichkeit, Farben in der Webentwicklung festzulegen, ohne sich Hex-Codes merken zu müssen.

Die Euklidische Distanz im RGB-Raum behandelt jede Farbe als einen Punkt im 3D-Raum, wobei die Achsen Rot-, Grün- und Blauwerte (0-255) sind. Der Abstand zwischen zwei Farben wird als Quadratwurzel der Summe der quadrierten Differenzen für jeden Kanal berechnet. Ein Abstand von 0 bedeutet eine exakte Übereinstimmung, während der maximal mögliche Abstand (zwischen Schwarz #000000 und Weiß #FFFFFF) etwa 441 beträgt. Dies bietet eine einfache und schnelle Annäherung der Farbähnlichkeit.

CSS3 hat nur 140 benannte Farben von über 16 Millionen möglichen Hex-Farben, daher sind exakte Übereinstimmungen selten. Die nächstgelegene benannte Farbe ist die nächstgelegene verfügbare Option, aber die Lücke kann bei ungewöhnlichen Schattierungen erheblich sein. Der Ähnlichkeits-Prozentsatz hilft Ihnen einzuschätzen, wie nah die Übereinstimmung tatsächlich ist — alles über 95 % ist visuell sehr nah, während Übereinstimmungen unter 80 % merklich unterschiedlich aussehen können.

Die Euklidische RGB-Distanz behandelt alle Farbkanäle gleich, aber das menschliche Sehen ist empfindlicher gegenüber einigen Farbunterschieden als gegenüber anderen. Formeln für wahrgenommene Farbdifferenzen wie CIEDE2000 (deltaE) berücksichtigen, wie Menschen Farben tatsächlich wahrnehmen, wobei die Grün-Empfindlichkeit höher gewichtet und Farbtonverschiebungen berücksichtigt werden. Die RGB-Distanz ist schneller zu berechnen und für die meisten Anwendungsfälle ausreichend, während deltaE für professionelle Farbarbeiten genauer ist.