Farbe / Namen
Farbnamensfinder: Hex oder RGB zum nächstgelegenen CSS-Farbnamen
Gib eine Hex-, RGB- oder CSS-Farbe ein und finde den ähnlichsten von 148 benannten CSS-Farben – sortiert nach dem wahrgenommenen Unterschied in CIELAB, mit Vergleichsfarbfeldern und dem Hex-Wert jedes Namens.
Farbnamensfinder: Hex oder RGB zum nächstgelegenen CSS-Farbnamen: Die Farbe und jeder benannte CSS-Farbwert werden in den CIELAB-Farbraum umgerechnet. Dort entspricht der Abstand dem wahrgenommenen Unterschied zwischen Farben. Die ähnlichsten Namen werden mit ihrem Farbunterschied ΔE aufgelistet: Unter etwa 2,3 können die meisten Menschen keinen Unterschied erkennen. #3a7bd5 liegt zum Beispiel am nächsten bei cornflowerblue. Läuft zu 100% lokal in deinem Browser, ohne Datei-Uploads zum Server.
- Kategorie
- Alltagswerkzeuge
- Ausführungen
- In deinem Browser
- Kosten
- Kostenlos · ohne Anmeldung
- Verfügbarkeit
- Einsatzbereit
Läuft vollständig in deinem Browser
Die Farbe wird im CIELAB-Farbraum mit allen 148 benannten CSS-Farben verglichen. Dieser ist so aufgebaut, dass gleiche Abstände ungefähr gleich große Unterschiede wahrgenommen werden. Der Abstand ΔE liegt unter etwa 2.3, wenn die meisten Menschen keinen Unterschied erkennen können. Jeder CSS-Name kann in einem Stylesheet anstelle des Hexadezimalwerts verwendet werden, zum Beispiel color: steelblue.
Woher die Namen stammen
Die meisten CSS-Farbnamen stammen aus der Farbliste des X11-Fenstersystems aus den 1980er-Jahren. Daher gibt es Namen wie papayawhip und lightgoldenrodyellow. rebeccapurple, #663399, wurde 2014 zum Gedenken an Rebecca Meyer hinzugefügt.
Farben umwandeln
Um eine Farbe in HSL, RGB oder eine andere Schreibweise umzuwandeln, verwende den Farbkonverter.
So benutzt du es
- Gib eine Farbe als Hex-Wert, rgb() oder Namen ein.
- Lies den ähnlichsten Farbnamen und den Abstand dazu ab.
- Vergleiche die Farbfelder und kopiere den gewünschten Namen.
Datenschutz & Einschränkungen
Alles läuft in deinem Browser.
Ähnliche Tools
Häufige Fragen
Warum CSS-Farbnamen?
Sie bilden eine standardisierte, weithin bekannte Auswahl, die direkt in Stylesheets funktioniert – von aliceblue bis yellowgreen.
Was bedeutet ΔE?
Damit wird der Abstand zwischen zwei Farben in CIELAB bezeichnet. Etwa 1 ist der kleinste Unterschied, den die meisten Menschen im direkten Vergleich wahrnehmen; ab 10 unterscheiden sich die Farben deutlich.
Warum werden grey und gray nicht beide angezeigt?
Sie bezeichnen dieselbe Farbe, werden aber unterschiedlich geschrieben. Das Tool führt aus jedem solchen Paar nur einen Namen auf.
Kostenloses Tool · läuft in deinem browser · kein Konto nötig