HEX in Farbname
Finde den Farbnamen zu einem HEX-Code, kostenlos und online. Die Seite vergleicht deine Farbe mit allen CSS-Farbnamen und zeigt den nächsten, mit dem Abstand als ΔE und beiden Farbfeldern nebeneinander. Aus #FFC61A wird zum Beispiel gold.
So bekommst du den Namen einer HEX-Farbe
- 1Füge deinen HEX-Code in „Farbe“ ein oder wähle eine Farbe mit dem Farbwähler
- 2Lies den nächsten CSS-Namen in der großen Zeile ab
- 3Vergleiche die beiden Farbfelder und kopiere den Namen
- Ein CSS-Farbname, den du statt des Codes schreiben kannst
So wird der Name gefunden
- Gemessen wie mit dem Auge.Verglichen wird mit CIEDE2000, der ΔE-Formel, die zum menschlichen Farbsehen passt
- Du siehst, wie nah er ist.„genau“ bei einem Treffer, sonst „am nächsten, ΔE“ mit dem Abstand
- Nichts wird verschickt.Der Vergleich läuft in deinem Browser, mit einer Liste in der Seite
Was du tun kannst
- Einen HEX-Code benennen: #FFC61A liegt am nächsten an gold (ΔE 5.86), #2563EB an royalblue (ΔE 2.64)
- „genau“ sehen, wenn dein Code eine benannte Farbe ist, wie #FF6347, das ist tomato
- Deine Farbe und die benannte nebeneinander sehen, unter „Deine Farbe“ und dem Namen
- Auch die nächste Farbe aus Tailwind 4 und Tailwind 3 bekommen, mit ihrem ΔE im Hinweis unter der Liste
- Statt HEX auch rgb(), hsl(), oklch() oder eine Farbe aus dem Farbwähler nehmen
Gut zu wissen
- Gesucht wird nur unter den CSS-Namen, das sind rund 140 verschiedene Farben. Die meisten HEX-Codes haben keinen genauen Namen, du bekommst also meist den nächsten
- Ein ΔE unter 1 ist kaum zu unterscheiden. Ab etwa 2 bis 5 sieht man den Unterschied nebeneinander, darüber ist der Name nur noch eine grobe Beschreibung
- Hat CSS zwei Namen für eine Farbe, bekommst du einen davon: gray statt grey, aqua statt cyan, fuchsia statt magenta
- Die Namen sind englisch, so wie CSS sie festlegt. Fünf ähnliche Namen auf einmal zeigt das Tool „Farbnamen finden“
Fragen
Wie heißt meine HEX-Farbe?
Füge den Code ins Feld ein. Die Seite zeigt den CSS-Farbnamen, der am nächsten liegt, und „genau“, wenn der Code genau diese Farbe ist.
Was bedeutet ΔE?
ΔE ist der Unterschied zwischen zwei Farben, so wie Menschen ihn sehen. Diese Seite nutzt CIEDE2000. Unter 1 siehst du kaum einen Unterschied, je größer die Zahl, desto weiter liegt der Name von deiner Farbe weg.
Kann ich in CSS den Namen statt des HEX-Codes schreiben?
Ja, jeder angezeigte Name ist eine gültige CSS-Farbe. Nur bei „genau“ ist es dieselbe Farbe. Sonst ergibt der Name einen etwas anderen Ton.
Warum passt der Name scheinbar nicht?
Es gibt nur rund 140 benannte Farben zur Auswahl, also kann auch die nächste noch ein Stück entfernt sein. Schau auf das ΔE: Ein hoher Wert heißt, dass kein Name gut passt.
Weitere Tools in „Web & Code“
Diese Seite gibt es nicht. Such unten oder zieh eine Datei hierher, um das passende Werkzeug zu finden.
Eine Website für jede Dateiaufgabe. Welche ist deine?
Schluss mit dem Hin und Her zwischen Konverter-Websites. Wähle eines von 410+ Tools oder ein Rezept, das mehrere aneinanderreiht.
- Dateien bleiben auf deinem Gerät
- Kein Wasserzeichen
- Funktioniert offline
Datei hierher ziehen
Eine eingefügte Datei geht auch.
oder such ein Tool
Eine App öffnen
Von „uff, diese Datei“ zu erledigt, in drei Schritten.
- Zieh sie rein oder wähl eine Aufgabe
Keine Datei? Such, was du brauchst. Dateien werden auf deinem Gerät verarbeitet, nicht zur Verarbeitung hochgeladen.
- Wähl, was du willst
Kleiner, ein anderes Format, unterschrieben, zusammengefügt. Ein Klick, ohne erst Einstellungen zu studieren.
- Mach ein Rezept daraus
Jede Woche dieselben drei Schritte? Reih sie einmal aneinander und lass beim nächsten Mal dasselbe Rezept laufen.
Ein freigegebener Werkzeugkasten für das ganze Team.
Ob im Büro, auf der Baustelle oder in der Agentur: Teams arbeiten den ganzen Tag mit vertraulichen Dateien. ToolRecipe gibt allen dieselben Werkzeuge und dieselben Rezepte, und die Dateien werden auf dem eigenen Computer jeder Person verarbeitet.
- Dateien werden auf dem Gerät der Mitarbeitenden verarbeitet
- Firmenrezepte, die alle gleich ausführen
- Ein Ort statt zehn Konverter-Seiten