Softonic

Farbnamen-Finder

Schritt 1 / 3

Farbe eingeben

Unterstützt #RGB, #RGBA, #RRGGBB, #RRGGBBAA, ganzzahlige rgb()/rgba()-Werte und prozentuale hsl()/hsla()-Werte.

Gib eine Farbe als HEX, RGB oder HSL ein und finde den nächstgelegenen standardisierten CSS-Farbnamen. Zusätzlich siehst du normalisierte HEX-, RGB-, HSL- und CIELAB-Werte sowie den CIEDE2000-Abstand. Die Berechnung erfolgt vollständig im Browser. Im Schrittmodus steht die eingegebene Farbe in der Seiten-URL und wird mit der Seitenanfrage an den Server gesendet; die Zuordnung wird weiterhin ausschließlich im Browser berechnet.

So findest du einen CSS-Farbnamen

  1. 1

    Farbe eingeben

    Nutze das Textfeld oder den Farbwähler. Gültig sind strenge HEX-, ganzzahlige RGB- und prozentuale HSL-Formate.

  2. 2

    Prüfen und umrechnen

    Der Wert wird validiert und nach sRGB, HSL und CIELAB mit D65-Weißpunkt umgerechnet.

  3. 3

    CSS-Namen vergleichen

    CIEDE2000 vergleicht die deckende RGB-Farbe mit allen standardisierten benannten CSS-Farben.

  4. 4

    Ergebnis verwenden

    Vergleiche beide Farbfelder, prüfe die Werte und kopiere das Ergebnis.

Was das Ergebnis bedeutet

CSS besitzt eine feste Liste benannter Farben wie tomato, cornflowerblue und rebeccapurple. Liegt die Eingabe nicht exakt in dieser Liste, zeigt der Finder den nächstgelegenen Namen und dessen kanonischen HEX-Wert. Gleichwertige Aliase wie aqua und cyan erscheinen gemeinsam.

Farbabstand und Eingaben

Die Berechnung wandelt sRGB mit D65-Weißpunkt in CIELAB um und verwendet CIEDE2000. Der Wert 0 bedeutet eine exakte RGB-Übereinstimmung. Unterstützt werden kurze und lange HEX-Werte, ganzzahlige rgb()/rgba()-Werte und prozentuale hsl()/hsla()-Werte.

Transparenz bleibt im achtstelligen HEX-Wert erhalten, wird für den Namen aber ignoriert. Das Werkzeug durchsucht weder Pantone-, Lack-, Buntstift- noch Community-Datenbanken und verarbeitet keine hochgeladenen Bilder. Ein Farbname ersetzt außerdem keine WCAG-Kontrastprüfung.

Häufig gestellte Fragen

Nur bei einem CIEDE2000-Abstand von 0. Andernfalls ist es die nächstgelegene standardisierte benannte CSS-Farbe.

CSS enthält Aliase mit identischem RGB-Wert, etwa aqua und cyan. Solche Gleichstände werden gemeinsam angezeigt.

Nein. Alpha bleibt im normalisierten HEX-Wert erhalten, wird beim Vergleich aber nicht berücksichtigt.

Nein. Prüfe Vorder- und Hintergrundfarbe mit einem Kontrastprüfer gegen die WCAG-Grenzwerte.

Verwandte Tools

Zufallsbuchstaben-Generator

Erzeugen Sie zufällige A-Z-Buchstaben. Wählen Sie Anzahl, Großschreibung, Kleinschreibung oder gemischte Schreibweise für Spiele, Aufgaben und Unterricht.

Binär-zu-ASCII-Konverter

Fügen Sie Binärdaten (durch Leerzeichen getrennte Bytes oder einen langen Bitstrom) ein und erhalten Sie den ASCII-Text, den sie darstellen. Unterstützt 7-Bit- und 8-Bit-Codierungen.

JSON-Formatierer

Fügen Sie JSON ein, um es mit 2 oder 4 Leerzeichen lesbar zu formatieren, kompakt zu minifizieren oder vor dem Kopieren schnell die Syntax zu prüfen.

Zufälliger Farbgenerator

Erzeuge 1 bis 50 zufällige HEX-Farben mit Farbfeldern zum Prüfen, Kopieren und Verwenden in CSS, Tests oder Palettenideen.

Base64 zu Hex-Konverter

Konvertieren Sie einen Base64-String in seine zugrunde liegenden Bytes, die als Hexadezimal dargestellt werden. Nützlich zum Überprüfen von Tokens, Schlüsseln, Zertifikaten und JWTs.

Binär zu Dezimal

Konvertieren Sie Binärzahlen sofort in Dezimalzahlen. Zeigt die Positionsausweitung, damit Sie sehen können, wie jedes Bit beiträgt.