Farbnamen finden

So finden Sie den Namen einer Farbe

1. Wählen Sie eine Farbe mit Farbe auswählen oder geben Sie einen Wert unter Farbcode ein: einen HEX-Code wie #1E90FF, rgb(30 144 255), hsl(210 100% 56%) oder eine andere CSS-Farbe.
2. Beim ersten Mal lädt das Tool seine Liste mit rund 32.000 Farbnamen (einige Hundert Kilobyte, einmal pro Besuch). Danach erscheinen die Ergebnisse schon beim Tippen.
3. Lesen Sie den Nächsten Namen neben Ihre Farbe. Steht der Code genau so in der Liste, zeigt das Tool Exakter Treffer an.
4. Darunter stehen Die 5 nächsten Namen und die Nächsten CSS-Farbnamen, jeweils mit HEX-Code und Abstand (ΔE). Mit Name kopieren oder HEX kopieren übernehmen Sie einen Eintrag.
5. Stellen Sie unter Vergleichen mit zwischen CIEDE2000 (CIELAB) und OKLab-Abstand um, oder klicken Sie auf Zufällige Farbe, um zu stöbern.

Die Farbe und die Suche bleiben in Ihrem Browser.

Woher die Namen stammen

Die Namen kommen aus color-name-list, einer Open-Source-Sammlung, die David Aerne mit vielen Mitwirkenden unter der MIT-Lizenz pflegt. Sie vereint rund 32.000 eindeutige Namen aus Farbkarten von Lackherstellern, historischen Farbwörterbüchern, der Natur, der Popkultur und Vorschlägen der Community – von „Absolute Zero“ bis „Zucchini“. Jeder Name gehört zu genau einem HEX-Code.

Wichtig: Die Farbnamen sind englisch. Das Tool übersetzt sie nicht ins Deutsche; Sie erhalten also Bezeichnungen wie „Clear Chill“ oder „Tomato“, keine deutschen Farbwörter.

Zusätzlich vergleicht das Tool Ihre Farbe mit den 148 CSS-Farbnamen aus CSS Color Level 4 (tomato, rebeccapurple, dodgerblue …), die jeder Browser versteht. Synonyme mit demselben Code werden zusammen angezeigt, etwa gray / grey oder aqua / cyan. Diese Namen eignen sich für ein Stylesheet, wenn Sie etwas Lesbares statt eines Codes möchten.

So wird die nächste Farbe bestimmt

HEX-Codes Ziffer für Ziffer zu vergleichen funktioniert nicht: #808080 und #7F8080 sind fast identisch, eine kleine Änderung in einem anderen Kanal kann dagegen stark auffallen. Das Tool rechnet deshalb jede Farbe in einen wahrnehmungsbasierten Farbraum um und misst dort die Abstände.

• CIEDE2000 (CIELAB) ist die Farbabstandsformel der Internationalen Beleuchtungskommission (CIE), die im Druck und bei der Farbabmusterung von Lacken verwendet wird. Sie korrigiert den älteren CIELAB-Abstand danach, wie unser Auge Helligkeit, Buntheit und Farbton beurteilt, vor allem bei Blautönen und fast grauen Farben. Die Umsetzung folgt Sharma, Wu und Dalal (2005) und ist mit deren Referenzdaten getestet.
• OKLab-Abstand ist die direkte Entfernung im OKLab-Raum, einem modernen Farbraum mit gleichmäßigen Wahrnehmungsstufen. Er wird mit 100 multipliziert angezeigt, damit er auf einer ähnlichen Skala wie ΔE2000 liegt. Er ist schneller und stimmt oft mit CIEDE2000 überein; wenn nicht, sind die Unterschiede fein.

Als Richtwert: Ein ΔE unter 1 sehen die meisten Menschen nicht, 1 bis 2 ist ein sehr geringer Unterschied im direkten Vergleich, und über 5 wirken die Farben deutlich verschieden. Hat der nächste Name ein großes ΔE, liegt Ihre Farbe einfach zwischen benannten Farben.

Wofür Farbnamen nützlich sind

• Design-Tokens und Palettenfelder freundlicher benennen als mit einem Code.
• Eine Farbe in einer E-Mail, einem Produkttext oder einem Alternativtext beschreiben.
• Ein CSS-Schlüsselwort finden, das einer Markenfarbe nahekommt – ideal für schnelle Prototypen.