Farbnamen-Finder
Finden Sie den nächstgelegenen Farbnamen für jeden Hex-, RGB- oder HSL-Code. Geben Sie eine Farbe ein und erhalten Sie Übereinstimmungen aus HTML/X11-, NTC- (1500+ Namen) und Basic-Listen — sortiert nach wahrgenommlicher Ähnlichkeit (Delta-E). Perfekt für Design, Barrierefreiheit und Farbenbenennung.
Color Preview
Results update automatically as you type or use the picker.
Type a color code or use the picker above. Results update as you type.
Geben Sie eine Farbe (Hex, RGB oder HSL) ein, um ihren nächsten Namen zu finden
Inhaltsverzeichnis
Was ist ein Farbnamen-Finder?
Ein Farbnamen-Finder nimmt einen Farbcode (Hex, RGB, HSL) und gibt den nächsten passenden Farbnamen aus einer oder mehreren Listen zurück (z.B. HTML/X11-Farbnamen, NTC). Da die meisten Codes keinen genauen Namen haben, verwendet das Tool perceptuelle Farbdistanz (Delta-E im Lab-Raum), damit der Name dem entspricht, was das Auge sieht.
Der Tooladex Farbnamen-Finder verwendet die color-namer-Bibliothek und unterstützt Hex (#FF5500), RGB (rgb(255,85,0)) und HSL (hsl(24,100%,50%)). Ergebnisse werden aus Basic-, HTML/X11- und NTC-Listen (1500+ Namen) angezeigt, mit der nächsten Übereinstimmung zuerst und der Distanz, damit Sie die Eignung beurteilen können.
Wie es funktioniert
- Geben Sie eine Farbe ein — Hex (#FF5500), RGB (rgb(255,85,0)) oder HSL (hsl(24,100%,50%)). Mit oder ohne # für Hex.
- Übereinstimmungen werden berechnet — Ihre Farbe wird mit jeder benannten Farbe in jeder Liste im Lab-Raum verglichen; die kleinste Distanz ist der nächste Name.
- Nächste Namen anzeigen — Für jede Liste (Basic, HTML/X11, NTC) werden der nächste Name und sein Hex und seine Distanz angezeigt. Kleinere Distanz = nähere Übereinstimmung.
- Weitere NTC-Übereinstimmungen — Bis zu 7 weitere NTC-Namen werden nach Ähnlichkeit aufgelistet, damit Sie einen spezifischeren oder alternativen Namen auswählen können.
Die gesamte Verarbeitung läuft in Ihrem Browser; keine Farbdaten werden an einen Server gesendet.
Namenslisten
- Basic — Kleines Set einfacher Namen (z.B. rot, blau, grün).
- HTML / X11 — Standard HTML/CSS-Farbnamen (aus der X11-Liste). Zusammen angezeigt, da sie normalerweise die gleiche nächste Übereinstimmung zurückgeben.
- NTC — Großes Set (1500+ Namen) aus der "Name That Color"-Liste; am besten für spezifische oder kreative Namen.
Anwendungsfälle
- Design — Benennen Sie eine Farbe aus einem Auswähler oder Marken-Hex für Dokumentation oder Paletten.
- Barrierefreiheit — Farben namentlich in Spezifikationen oder Diskussionen referenzieren.
- Code — Zwischen benannten Farben (z.B. Coral) und Hex in CSS wählen.
- Inhalt — Farben in Katalogen, Filtern oder UI beschriften (z.B. "Tangerine" statt #FF9966).
Häufig gestellte Fragen
Hex (z.B. #FF5500 oder FF5500), RGB (z.B. rgb(255,85,0)), RGBA und HSL (z.B. hsl(24,100%,50%)). Das Tool normalisiert automatisch 6-stelliges Hex ohne #.
Distanz ist, wie weit Ihre Farbe von der benannten Farbe im Lab-Farbraum (perceptuell) entfernt ist. Null bedeutet eine exakte Übereinstimmung. Kleinere Werte bedeuten eine nähere Übereinstimmung; größere Werte bedeuten, dass der Name nur ungefähr passt.
Jede Liste hat einen anderen Satz benannter Farben. Basic hat wenige Namen; NTC hat 1500+. Der nächste Name in jeder Liste kann sich unterscheiden (z.B. "rot" in Basic vs "Coral" in HTML/X11), da die Listen nicht dieselben Farben enthalten.