TOOLADEX
light
← Back to Blog

Farbname Finder: Finde den nächsten Farbnamen aus Hex, RGB oder HSL

By Tooladex Team •
Farbnamen-FinderFarbnamenHexRGBHSLDesign-Tools
Farbname Finder: Finde den nächsten Farbnamen aus Hex, RGB oder HSL

Hatten Sie jemals einen Hex-Code wie #FF5500 und sich gefragt, wie man ihn nennt? Oder benötigten Sie einen menschenlesbaren Namen für eine Farbe in Ihrer Palette? Der Color Name Finder gibt Ihnen den am nächsten passenden Farbnamen aus mehreren Listen — Basic, HTML, X11 und NTC (1500+ Namen) — sodass Sie Farben nach Namen anstatt nach Code dokumentieren, diskutieren oder kennzeichnen können.

Design-Szenario: Ihr Marken-Hex ist #E07C24. Ist es "Mandarine", "Orange" oder etwas anderes? Das Tool zeigt den nächstgelegenen Namen aus jeder Liste sowie eine perceptuelle Distanz, damit Sie die beste Übereinstimmung auswählen können.

Was ist ein Color Name Finder?

Ein Color Name Finder nimmt einen Farbcode (Hex, RGB oder HSL) und gibt den nächstgelegenen Farbnamen aus einer oder mehreren vordefinierten Listen zurück. Da die meisten Hex-Codes keinen genauen Namen haben, verwendet das Tool perceptuelle Farbdistanz (Delta-E im Lab-Farbraum), sodass der vorgeschlagene Name dem entspricht, was das Auge sieht.

Der Tooladex Color Name Finder unterstützt Hex (z. B. #FF5500 oder FF5500), RGB (z. B. rgb(255,85,0)) und HSL (z. B. hsl(24,100%,50%)). Sie erhalten die nächstgelegene Übereinstimmung aus den Listen Basic, HTML, X11 und NTC sowie zusätzliche NTC-Alternativen, damit Sie einen spezifischeren oder kreativeren Namen wählen können.

Warum einen Color Name Finder verwenden?

Design & Dokumentation — Benennen Sie Farben aus einem Picker oder Marken-Hex für Styleguides, Paletten oder Designspezifikationen.

Zugänglichkeit & Spezifikationen — Verweisen Sie in Diskussionen oder Anforderungen auf Farben mit Namen (z. B. "verwenden Sie Koralle für Highlights").

Code & CSS — Entscheiden Sie sich zwischen einer benannten Farbe (z. B. koralle) und einem Hex-Wert beim Schreiben oder Refaktorisieren von CSS.

Inhalt & UI — Kennzeichnen Sie Farben in Katalogen, Filtern oder Produktbeschreibungen (z. B. "Mandarine" statt #FF9966).

Branding — Geben Sie Markenfarben konsistente, einprägsame Namen über Teams und Tools hinweg.

Wie der Color Name Finder funktioniert

  1. Geben Sie eine Farbe ein — Tippen Sie einen Hex-Code (#FF5500 oder FF5500), RGB (rgb(255,85,0)) oder HSL (hsl(24,100%,50%)). Oder verwenden Sie den integrierten Farbauswähler, um eine Farbe auszuwählen; das Tool aktualisiert die Namensresultate, während Sie auswählen.
  2. Sehen Sie die Vorschau — Eine große Farbvorschau zeigt die genaue Farbe, die Sie eingegeben haben, sodass Sie bestätigen können, dass sie korrekt ist.
  3. Erhalten Sie die nächstgelegenen Namen — Für jede Liste (Basic, HTML, X11, NTC) zeigt das Tool den nächstgelegenen Namen, seinen Hex und einen Distanzwert. Niedrigere Distanz = näherer perceptueller Abgleich.
  4. Durchsuchen Sie weitere NTC-Namen — Bis zu 8 zusätzliche NTC-Übereinstimmungen werden aufgelistet, sodass Sie einen spezifischeren oder alternativen Namen wählen können.

Alle Verarbeitungen laufen in Ihrem Browser; keine Farbdaten werden an einen Server gesendet.

Namenslisten erklärt

Basic — Eine kleine Menge einfacher Namen (z. B. rot, blau, grün). Am besten, wenn Sie eine breite Kategorie möchten.

HTML — Standard HTML/CSS-Farbnamen (z. B. koralle, tomate, scharlachrot). Vertraut bei Webentwicklern.

X11 — X11-Farbnamen, die Grundlage für viele Webfarbnamen. Etwas größere Menge als HTML.

NTC (Name That Color) — Eine große Menge von 1500+ Namen. Am besten, wenn Sie einen spezifischen oder kreativen Namen möchten (z. B. "Mandarine", "Bitterorange").

Was bedeutet Distanz?

Distanz ist, wie weit Ihre Farbe vom benannten Farbton im Lab-Farbraum (perceptuell) entfernt ist.

  • 0 = exakte Übereinstimmung
  • Kleinere Werte = nähere Übereinstimmung
  • Größere Werte = der Name passt nur grob

Verwenden Sie die Distanz, um zu beurteilen, wie gut ein Name passt. Zum Beispiel könnte eine Distanz von 2 "sehr nah" sein, während 15 "im gleichen Bereich, aber nicht präzise" sein könnte.

Beispiele

Hex-Eingabe: #FF5500

  • Basic: Orange
  • HTML: Orange Red
  • X11: Orange Red
  • NTC: (nächster Name + zusätzliche Alternativen)

RGB-Eingabe: rgb(59, 130, 246)

  • Nächste Namen aus jeder Liste (z. B. Basic: Blau, HTML: Königsblau) plus Hex und Distanz.

Verwendung des Pickers — Klicken Sie auf den Farbauswähler, wählen Sie einen Farbton aus, und das Texteingabefeld wird auf Hex aktualisiert; die Namensresultate werden automatisch aktualisiert.

Häufig gestellte Fragen

Welche Farbformate werden unterstützt?
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 6-stellige Hex ohne # automatisch.

Warum geben verschiedene Listen unterschiedliche Namen?
Jede Liste hat eine andere Menge benannter Farben. Basic hat wenige Namen; NTC hat 1500+. Der nächstgelegene Name in jeder Liste kann unterschiedlich sein (z. B. "rot" in Basic vs "koralle" in HTML), da die Listen nicht die gleichen Farben enthalten.

Kann ich einen Farbauswähler verwenden?
Ja. Der Tooladex Color Name Finder enthält einen Farbauswähler; wenn Sie eine Farbe wählen, wird die Eingabe auf Hex aktualisiert und die Namensresultate werden automatisch aktualisiert.

Datenschutz

Alle Verarbeitungen laufen in Ihrem Browser. Wir senden oder speichern Ihre Farbcodes oder Ergebnisse nicht.

Probieren Sie den Color Name Finder aus

Color Name Finder

Find the closest color name for any hex, RGB, or HSL code. Uses perceptual color matching (Delta-E) with HTML, X11, NTC, and other name lists. Free online color name finder.

Try Tool Now

The Color Name Finder is free, works in your browser, and requires no sign-up. Enter a color (hex, RGB, or HSL) or use the picker, and get the closest color names from Basic, HTML, X11, and NTC — with a live preview and perceptual distance so you can name any color with confidence.

Related Tools