HEX · BILD · CSS-NAMEN · CIEDE2000
Mit dem Farbnamen-Finder identifizierst du eine Farbe aus HEX, RGB-Werten, HSB-Reglern oder einem Pixel deines eigenen Bildes. Der Farbnamen-Finder sortiert die fünf nächsten standardisierten CSS-Farbnamen nach CIEDE2000-Abstand, lässt die ursprünglichen Zahlen sichtbar und verknüpft die Probe mit dem nächsten Toon-Tone-Charakterziel. Das Bild bleibt in diesem Browser-Tab.
Aktualisiert am 30. Juli 2026
Farbnamen-Finder
Der Farbnamen-Finder macht aus der gewählten sRGB-Farbe einen reproduzierbaren Vergleich. Er prüft alle 148 benannten CSS-Farbschlüsselwörter, gruppiert Aliasse mit demselben HEX-Wert und sortiert die eindeutigen Farben nach CIEDE2000-Abstand. Die erste Zeile ist der nächste standardisierte Name, nicht die Behauptung, dass jeder Mensch dieses Wort wählen würde. Der Farbnamen-Finder vergleicht dieselbe Probe außerdem mit allen 46 Toon-Tone-Zielfarben und führt von der Identifikation direkt zur Farberinnerungsübung.
Farbnamen-Finder
Der Farbnamen-Finder zeigt Ausgangswert, Alternativen, Aliasse und Übungsabgleich, statt nur ein unerklärtes Etikett auszugeben.
Farbnamen-Finder
Füge drei- oder sechsstellige HEX-Werte ein, ändere RGB-Kanäle, bewege HSB-Regler oder wähle ein Pixel aus einem lokalen Bild. Jede Eingabe des Farbnamen-Finders aktualisiert denselben kanonischen sechsstelligen HEX-Wert. Ein Methodenwechsel erzeugt keine konkurrierenden Resultate.
Farbnamen-Finder
Der Farbnamen-Finder listet fünf nahe eindeutige CSS-Farben und ihr jeweiliges ΔE00. Exakte Aliasse wie aqua und cyan bleiben zusammen. Eine kleinere Zahl bedeutet eine nähere CIEDE2000-Übereinstimmung; sie ist ein Abstand und keine Trefferquote.
Farbnamen-Finder
Unter dem CSS-Ergebnis durchsucht der Farbnamen-Finder die Toon-Tone-Bibliothek nach dem nächsten Charakterziel. Charakter, Zielteil, HEX und Abstand bleiben sichtbar; der Link öffnet genau diese Übungsseite in der aktuellen Sprache.
Lokale Farberkennung
Gib eine Farbe ein oder wähle ein Pixel. Der Farbnamen-Finder aktualisiert Werte, CSS-Treffer und Charakterziel gemeinsam.
#3B82F6CSS-Schlüsselwort
#1E90FFCIEDE2000-Abstand5.69#6495EDCIEDE2000-Abstand6.25#4682B4CIEDE2000-Abstand7.06#4169E1CIEDE2000-Abstand9.34#778899lightslategray / lightslategreyCIEDE2000-Abstand13.33Nächstes Toon-Tone-Ziel
Dieselbe Probe wird mit jedem Charakterteil-Ziel im Spiel verglichen.
#5078a7Farbnamen-Finder
Ein guter Farbnamen-Finder trennt Probennahme, Messung, Benennung und Designentscheidung, damit das Ergebnis erklärbar bleibt.
Farbnamen-Finder
Nutze einen bekannten HEX-Wert, wenn er vorhanden ist. Klicke im Bild auf eine gleichmäßige, gut beleuchtete Fläche statt auf geglättete Kanten, Schatten, Glanz oder Kompressionsfehler. Der Farbnamen-Finder liest ein gerendertes sRGB-Pixel; ursprüngliche Farbe, Material oder Marken-Token kann er nicht zurückholen.
Farbnamen-Finder
Bestätige HEX, RGB und HSB des Farbnamen-Finders, bevor du einen Namen übernimmst. RGB bewahrt die Bildschirmkanäle, HSB beschreibt Farbton und Intensität, die Fläche ermöglicht den schnellen Sichttest. War das Pixel falsch, wähle neu, bevor du Namen deutest.
Farbnamen-Finder
CSS-Farbschlüsselwörter sind im sRGB-Raum ungleich verteilt. Deshalb zeigt der Farbnamen-Finder fünf Kandidaten mit Abständen. Liegen zwei Namen nahe zusammen, erklärt die Alternative die Mehrdeutigkeit besser als ein erfundener Vertrauenswert.
Farbnamen-Finder
Übertrage das Ergebnis des Farbnamen-Finders in das reale Design und prüfe Kontrast, Nachbarfarben, Fläche und Anzeige. Der Toon-Tone-Treffer eignet sich zum Üben; für eine genaue Implementierung bleibt der ursprüngliche HEX-Wert maßgeblich.
Farbnamen-Finder
Standardname, Zahlenwert, Wahrnehmungsabstand und Charaktertreffer beantworten unterschiedliche Fragen und werden deshalb getrennt.
| Ausgabe | Methode | Geeignet für | Wichtige Grenze |
|---|---|---|---|
| Nächster CSS-Name | Kleinster CIEDE2000-Abstand unter eindeutigen Namen | Lesbare Labels, CSS-Prototypen, Austausch | CSS-Namen sind spärlich und ungleich verteilt |
| Fünf nächste Namen | ΔE00-Rangliste, gleiche HEX-Aliasse gruppiert | Mehrdeutige oder benachbarte Labels erkennen | Die Rangfolge schafft keinen universellen Alltagsnamen |
| HEX, RGB und HSB | Gleichwertige Darstellungen der gewählten sRGB-Farbe | Implementieren, prüfen und anpassen | Screenshots können Profil- oder Kompressionsänderungen enthalten |
| Toon-Tone-Ziel | Kleinster Abstand unter 46 Spielzielen | Von Identifikation zu Erinnerung wechseln | Ein nahes Übungsziel, keine Kanon-Aussage |
Farbnamen-Finder
Natürliche Sprache besitzt kein einziges Raster, das jeder möglichen Bildschirmfarbe genau ein Alltagswort zuweist. Menschen lernen Farbkategorien über Sprache, Kultur, Gegenstände, Materialien und Kontext. CSS löst ein engeres technisches Problem mit einer endlichen Schlüsselworttabelle, die Browser auswerten können. Der Farbnamen-Finder nutzt diese Tabelle, weil ihre Werte öffentlich, reproduzierbar und im Code nützlich sind. Er ersetzt kein Marken-Token, keinen Farbfächer, keine wissenschaftliche Probe und keine persönliche Beschreibung.
Die Tabelle enthält historische Aliasse und unregelmäßige Abstände. Aqua und cyan ergeben denselben Zahlenwert, ebenso fuchsia und magenta; gray und grey erscheinen in mehreren Schreibvarianten. Große Bereiche des sRGB-Raums besitzen dagegen kein nahes einfaches Wort. Der Farbnamen-Finder gruppiert exakte Aliasse, behält fünf eindeutige Werte und zeigt den gemessenen Abstand. Im Gespräch kann der nächste CSS-Name helfen, während der genaue HEX-Wert die Umsetzung absichert.
Farbnamen-Finder
Ein direktes Subtrahieren roter, grüner und blauer Kanäle behandelt den RGB-Würfel so, als sähen gleiche Zahlenschritte immer gleich verschieden aus. Menschliches Sehen funktioniert nicht so. Der Farbnamen-Finder vergleicht mit CIEDE2000, das die Übereinstimmung berechneter und wahrgenommener Unterschiede in CIELAB verbessern soll. Die aktuelle CIE-Referenz ist ISO/CIE 11664-6:2022. Besonders bei gleichzeitig wechselndem Farbton, Chroma und Helligkeit ist die Rangfolge besser begründbar als ein roher Kanalabstand.
CIEDE2000 bleibt ein Modell und kein Urteil. Umgebung, Kalibrierung, Farbadaptation, Nachbarfarben, Probengröße und individuelle Wahrnehmung verändern, was am nächsten wirkt. ΔE00 null bedeutet identische codierte Werte in diesem Vergleich; größere Werte zeigen mehr Abstand innerhalb der Formel. Der Farbnamen-Finder macht daraus weder einen Vertrauensprozentsatz noch eine Sichtbarkeitsschwelle. Vergleiche Flächen im echten Kontext und bewahre die Zahlen bei produktionsrelevanten Entscheidungen auf.
Farbnamen-Finder
Nach der Bildauswahl decodiert der Farbnamen-Finder die Datei lokal und zeichnet eine verkleinerte Version auf eine Browser-Leinwand. Ein Klick liest Rot, Grün und Blau an dieser Stelle; nichts wird an Toon Tone übertragen. Die Skalierung macht große Bilder handhabbar, doch ein einzelnes Pixel kann zu Kantenglättung, Textur, Kompression, Transparenz, Schatten oder Glanz gehören. Probiere mehrere nahe Punkte und bevorzuge eine optisch flache Fläche, wenn du die Grundfarbe suchst.
Screenshots sind besonders kontextabhängig: Profilkonvertierung, Browser-Komposition, halbtransparente Ebenen und Schriftglättung können enthalten sein. Fotos ergänzen Beleuchtung, Weißabgleich, Sensorverhalten und Reflexionen. Der Farbnamen-Finder meldet das empfangene decodierte Pixel korrekt, kann aber kein physisches Objekt zertifizieren oder eine fehlende Quelldatei rekonstruieren. Vergleiche Markenfarben mit freigegebenen Tokens und teile bei Erkundungen den Link mit dem exakten HEX-Wert.
Farbnamen-Finder
Ein CSS-Schlüsselwort macht einen Prototyp lesbar, doch dauerhafte Systeme profitieren von semantischen Tokens wie Fläche, Text, Akzent oder Warnung. Kopiere den HEX-Wert aus dem Farbnamen-Finder, gib ihm eine Rolle und teste Zustände. Hinter Text gehört er in den Kontrastprüfer; für Begleitfarben in den Harmonie- oder Abstufungsgenerator. Der Name erleichtert das Gespräch, der Zahlenwert bewahrt die beabsichtigte Farbe, wenn das nächste Wort nur eine Annäherung ist.
Das Toon-Tone-Ergebnis fügt einen anderen Kontext hinzu. Es durchsucht 46 am 30. Juli 2026 geprüfte Charakterteil-Ziele und gibt den nächsten codierten Ton aus. Dieser Treffer kann eine abstrakte Farbe einprägsamer machen und erzeugt direkt aus dem Farbnamen-Finder eine Übung. Er besagt nicht, der Charakter besitze den CSS-Namen, jede Illustration nutze dieselbe Farbverwaltung oder der Wert sei die einzige offizielle Farbe. Verwende ihn als messbare Aufgabe und vergleiche dein Gedächtnis auf der Charakterseite mit dem gespeicherten Ziel.
Farbnamen-Finder
Nutze diese Kontrolle des Farbnamen-Finders, bevor ein Label geteilt, implementiert oder begründet wird.
Farbnamen-Finder
Der Farbnamen-Finder veröffentlicht Datensatzgröße, Formel und Prüftag, damit sein Umfang nachvollziehbar bleibt.
Das W3C erklärt den Zweck seiner Tabelle:
CSS defines a large set of named colors, so that common colors can be written and read more easily.
Farbnamen-Finder
Farbnamen-Finder
Farbnamen-Finder
Ja. Wähle ein Bild und klicke ein Pixel; der Farbnamen-Finder wandelt dessen sRGB-Wert in HEX um und sortiert CSS-Namen. Das Bild bleibt im Tab und wird nicht an Toon Tone gesendet.
Farbnamen-Finder
Der Farbnamen-Finder prüft 148 standardisierte CSS-Farbschlüsselwörter. Da mehrere exakte Aliasse sind, gruppiert die sichtbare Top-Fünf-Liste Namen mit demselben HEX-Wert.
Farbnamen-Finder
Es ist der nach CIEDE2000 nächste Name innerhalb der CSS-Menge. Der Farbnamen-Finder legt keinen universellen Alltags-, Marken-, Lack- oder Wissenschaftsnamen fest und zeigt deshalb HEX und Alternativen.
Farbnamen-Finder
Das ist der CIEDE2000-Farbabstand des Farbnamen-Finders. Null bedeutet gleiche codierte Vergleichswerte; kleinere Werte werden als näher sortiert. Es ist keine Genauigkeitsquote.
Farbnamen-Finder
Nein. Der Farbnamen-Finder decodiert Bilder im aktuellen Tab. Ein geteilter Link enthält nur den gewählten HEX-Wert, nie das Bild oder seinen Dateinamen.