Farbname aus Hexcode finden
#ff5733 wird als tomato erkannt, der nächste benannte Farbton (#ff6347), mit einem Abstand von 23.323808; Sie sehen also, dass er ähnlich, aber nicht gleich ist. Geben Sie Hexcodes einen verständlichen Namen, ohne Gleichheit vorzutäuschen. Gratis in Ihrem Browser.
- Kostenlos
- Läuft in Ihrem Browser
- Ohne Anmeldung
- Ihre Daten bleiben auf Ihrem Gerät
Im Browser ausführen – kostenlos
Rechenbeispiel
- Hex
- #ff5733
- Eingabe-Hex
- #ff5733
- Name
- tomato
- Benanntes Hex
- #ff6347
- Entfernung
- 23,323808
Ein HEX-Code ist genau, aber in Dokumentationen schwer zu beschreiben. Dieses Werkzeug ordnet drei oder sechs Stellen der nächsten einfarbigen CSS/X11-Farbe zu. Es liefert Name, kanonischen HEX-Wert, beide RGB-Tripel, Abstand und Exaktheitsangabe, ohne eine Annäherung als Gleichheit darzustellen.
Geben Sie eine gültige Hexadezimalfarbe ein
Tragen Sie in hex sechs Stellen wie <code>#ff5733</code> oder drei wie <code>#f53</code> ein. Das Rautezeichen ist optional; Groß- und Kleinschreibung sind gleichwertig. Die Kurzform verdoppelt jede Stelle.
Alphaformen mit vier oder acht Stellen werden abgelehnt, weil Deckkraft nicht zum Abstand einfarbiger Werte gehört. Auch <code>rgb()</code>, <code>hsl()</code>, Variablen und Namen sind ausgeschlossen. So wird ein fehlerhaftes Token nie unbemerkt zu einer anderen Farbe.
Wandeln Sie andere Schreibweisen zuerst in drei- oder sechsstelligen HEX-Code um.
Verstehen Sie die Auswahl des Namens
Der Rechner zerlegt die Eingabe in Rot, Grün und Blau von 0 bis 255 und wiederholt dies für alle einfarbigen CSS/X11-Werte. Er quadriert die Kanalabweichungen, addiert sie und zieht die Wurzel. Der kleinste Abstand gewinnt; null bedeutet Gleichheit.
Das Verfahren ist reproduzierbar, bildet menschliche Wahrnehmung aber nicht vollständig ab. Manche Begriffe sind identische Aliasse, etwa gray und grey sowie aqua und cyan. Da die Palette alphabetisch geordnet ist, gewinnt bei Gleichstand stets der erste Name.
Nutzen Sie das Ergebnis mit dem Original
Verwenden Sie den Namen als Beschreibung, nicht zwingend als Ersatz. Die Antwort bewahrt normalisierten HEX-Code und RGB und ergänzt Gewinnername, benannten HEX- und RGB-Wert, Abstand und Exaktheit. Sie können Tokens beschriften, vor einer Palettennormalisierung einen Grenzwert setzen oder Codes im Support erklären.
Für Bildtreue behalten Sie das Original; für Browser-Schlüsselwörter wenden Sie Ihren eigenen Abstandswert an. Die Berechnung nutzt weder Netzwerk noch Zufall oder Uhr und eignet sich für reproduzierbare Tests.
Anwendungsfälle
Design-Tokens beschriften
Ergänzen Sie HEX-Werte um verständliche CSS-Namen, ohne Originale zu entfernen.
Importierte Paletten prüfen
Messen Sie vor der Normalisierung die Nähe zu Browser-Schlüsselwörtern.
Farbgespräche vereinfachen
Machen Sie aus Codes stabile Bezeichnungen für Tickets, Leitfäden und Support.
Häufige Fragen
Welche HEX-Formate werden akzeptiert?
Genau drei oder sechs Hexadezimalstellen, optional mit Raute und unabhängig von der Schreibweise.
Wird Alpha-Transparenz unterstützt?
Nein. Vier- und achtstellige Formen werden abgelehnt, weil die Palette einfarbig ist.
Wie wird die nächste Farbe berechnet?
Minimiert wird der euklidische Abstand der roten, grünen und blauen Kanäle.
Warum kann der Name unerwartet sein?
RGB-Abstand ist mathematisch statt wahrnehmungsbezogen; CSS-Namen sind ungleich verteilt.
Wie werden Gleichstände gelöst?
Die Namen werden alphabetisch geprüft; das erste CSS-Schlüsselwort gewinnt.
Verwandte Tools
Für Entwickler — API-Zugang
Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.
Endpunkt
Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.
Aufruf aus Ihrem Stack
curl -X POST https://api.kit.forhosting.com/color/name-lookup \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#ff5733"}'const res = await fetch("https://api.kit.forhosting.com/color/name-lookup", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#ff5733"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/name-lookup",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#ff5733"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/name-lookup", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#ff5733"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#ff5733"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/name-lookup", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Beispiel-Anfrage
{
"hex": "#ff5733"
}Beispiel-Antwort
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.name_lookup",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.
Preis
Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.
Fehler
| HTTP | Code | Bedeutung |
|---|---|---|
401 | unauthorized | Der API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer). |
402 | insufficient_balance | Ihr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht. |
404 | unknown_type | Unbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog. |
429 | rate_limited | Zu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt. |
Technische Hinweise
Geben Sie eine gültige Hexadezimalfarbe ein
Falsche Länge, ungültige Zeichen, leere oder nicht textuelle Werte ergeben <code>invalid_input</code>.
Verstehen Sie die Auswahl des Namens
API und Browser liefern dadurch auf jeder Maschine dasselbe stabile Ergebnis.
Nutzen Sie das Ergebnis mit dem Original
Auf dieser Seite läuft sie lokal; jede automatisierte Anfrage kostet $0.002.
Technische Fragen
Was kostet eine API-Anfrage?
Jede Anfrage kostet $0.002. Der Browser führt dieselbe Berechnung lokal aus.