Farbnamen-Finder
Gib eine Hex-, rgb()- oder hsl()-Farbe ein und finde sofort den nächstgelegenen passenden CSS-Farbnamen, mit direktem Farbvergleich und einigen weiteren nahen Alternativen.
🔒 Lokal in Ihrem Browser verarbeitet
Loading…
So funktioniert's
- Gib eine Farbe im Hex-, rgb()- oder hsl()-Format in das Feld ein oder wähle sie visuell mit der Farbauswahl aus.
- Der nächstgelegene CSS-Farbname erscheint sofort, mit eigenem Farbmuster, Namen und Hex-Code neben deiner Farbe.
- Prüfe den Abstandswert, um zu sehen, wie nah die Übereinstimmung ist — ein Abstand von 0 bedeutet eine exakte Übereinstimmung.
- Scrolle in der Liste unten, um weitere nächstgelegene Farbnamen zu sehen, sortiert von am nächsten bis am weitesten entfernt.
Funktionen
- Akzeptiert Hex-, rgb()- und hsl()-Farbformate sowie eine visuelle Farbauswahl
- Gleicht mit allen 148 standardmäßigen CSS/X11-Farbnamen ab
- Zeigt einen direkten Vergleich deiner Farbe und des passenden Farbnamens nebeneinander
- Enthält einen numerischen Abstandswert sowie mehrere nächstgelegene Alternativen
- 100 % clientseitig — deine Farben verlassen niemals deinen Browser
Häufig gestellte Fragen
Wie funktioniert der Farbnamen-Abgleich?
Deine Farbe wird in RGB umgewandelt und dann mit jedem CSS-Standardfarbnamen anhand des euklidischen Abstands zwischen den RGB-Werten verglichen. Der Farbname mit dem kleinsten Abstand wird als nächstgelegene Übereinstimmung angezeigt, die nächstkleineren als Alternativen.
Mit welchen Farbnamen wird abgeglichen?
Der Standardsatz von 148 erweiterten CSS/X11-Farbschlüsselwörtern, definiert im CSS Color Module — dieselben Namen, die Browser in CSS erkennen, wie "tomato", "slateblue" oder "rebeccapurple". Es ist eine feste, bekannte Liste, daher wird eine exakte Übereinstimmung nur gefunden, wenn deine Farbe genau auf einen dieser Namen fällt.
Warum werden die Farbnamen auf Englisch angezeigt, obwohl die Seite in meiner Sprache ist?
Namen wie "Tomato" oder "SlateBlue" sind wörtliche CSS-Schlüsselwörter und kein übersetzbarer Text — ein Browser versteht in einem Stylesheet nur die englische Schreibweise. Deshalb bleiben sie in jeder Sprache auf Englisch, während der Rest der Seite um sie herum vollständig übersetzt ist.
Was bedeutet der Abstandswert?
Es ist der geradlinige (euklidische) Abstand zwischen deiner Farbe und dem Farbnamen im RGB-Raum, wobei jeder Kanal von 0 bis 255 reicht. Ein Abstand von 0 ist eine exakte Übereinstimmung; der größtmögliche Abstand (Schwarz zu Weiß) beträgt etwa 441. Kleinere Zahlen bedeuten eine visuell nähere Übereinstimmung.
Speichert oder überträgt dieses Tool meine Farben?
Nein. Alle Analyse-, Abgleichs- und Abstandsberechnungen erfolgen lokal in deinem Browser mit reinem JavaScript. Es wird nichts an einen Server gesendet oder irgendwo gespeichert.