Welcher CSS-Standard wird für die Farbnamen verwendet?

Es wird die vollständige Liste der 148 Schlüsselwörter aus dem CSS Color Module Level 4 verwendet, die 139 eindeutige Farbwerte umfasst (Aliase wie gray/grey sind zusammengeführt).

Warum ist CIEDE2000 genauer als der klassische RGB-Abstand?

CIEDE2000 orientiert sich an der menschlichen Farbwahrnehmung im CIELab-Farbraum, wodurch Verzerrungen bei dunklen Blau- oder Nahezu-Grautönen vermieden werden.

Wie ist der ΔE-Abstandswert zu interpretieren?

Ein ΔE unter 1 ist für das menschliche Auge unmerklich, Werte zwischen 1 und 2 sind kaum wahrnehmbar, 2 bis 10 sind deutlich unterscheidbar und Werte ab 50 stellen Komplementär- bzw. Gegensatzfarben dar.

Was zeigt der Familienmodus an?

Der Familienmodus filtert alle 139 CSS-Farben basierend auf HSL-Grenzwerten in 12 vordefinierte Kategorien wie Blau, Violett oder Erdtöne und ordnet sie nach ΔE zum Ausgangswert.

Werden Aliase wie cyan und aqua separat gezählt?

Nein, identische Farbwerte wie aqua/cyan, fuchsia/magenta und gray/grey werden als zusammengehörige Aliase desselben Farbwerts behandelt.

Elysia Tools

Mobile Navigation

Design

CSS-Farbnamen-Resolver

Löst jede Hex-Farbe zur nächstgelegenen benannten CSS-Farbe mit echter CIEDE2000-Distanz auf und zeigt die ganze Farbfamilie.

Einzelheiten

Wobei dieses Tool hilft

Basiert auf der vollständigen CSS-Color-Module-Level-4-Liste (148 Schlüsselwörter, 139 verschiedene Farben; die Aliase gray/grey, aqua/cyan und fuchsia/magenta sind zusammengeführt). Die Distanz folgt CIEDE2000 (Sharma/Wu/Dalal 2005 inklusive der 180°-Farbwinkel-Spezialfälle) über sRGB → lineares RGB → XYZ(D65) → CIELab; klassische Dienste nutzen die reine RGB-Distanz und sortieren dunkle Blauwerte schlecht — wechseln Sie die Metrik und sehen Sie die Umreihung. Die Familienansicht teilt die 139 Farben per HSL-Schwellen in 12 Designer-Familien. ΔE-Richtwert: <1 unmerkbar, 1–2 kaum wahrnehmbar, 2–10 deutlich, ≥50 Gegensatzfarben.

Ausführung

Dieses Tool ausführen

Fülle das Formular aus, starte das Tool und prüfe das Ergebnis an einem Ort.

Vorbereitete Beispielausführungen

Klicken Sie auf ein Beispiel, um das Formular automatisch auszufüllen. Dateien müssen weiterhin hochgeladen werden.

2 Beispiele

Sandybrown — exakter Treffer

Die Auflösung von #f4a460 trifft genau den benannten Farbwert sandybrown mit ΔE 0; die Kandidatenliste zeigt, wie weit die nächsten liegen.

<section class="cnr">exact match banner for sandybrown (#f4a460) · ranked list of 8 nearest colors with ΔE00 values and quality chips</section>

Ein Markenviolett — Familienmodus

Im Familienmodus zeigt #8842d4 die 16 benannten Farben der Familie purple-violet sortiert nach ΔE00; blueviolet (3.68) passt am besten für Design-Tokens.

<section class="cnr">family browse card: purple-violet family of 16 named colors, each with ΔE00 distance from #8842d4</section>

Eingaben

Fülle die erforderlichen Felder aus und starte das Tool.

4 Optionen

InhaltHaupteingaben einfügen oder eingeben.1

Farbe (Hex oder CSS-Name)textPflicht

EinstellungenFormate, Bereiche, Zahlen und Modi anpassen.3

AbstandsmetrikselectOptionales FeldErgebnismodusselectOptionales FeldAnzahl der TreffernumberOptionales Feld

Ergebnis

Bereit zum Start

Nach dem Ausführen erscheinen hier Dateien, Text, strukturierte Daten oder Stream-Ausgaben.

Beispiele

Beispiele zu diesem Tool

Verwandt

CSS-Farbnamen-Resolver

Wobei dieses Tool hilft

Dieses Tool ausführen

Vorbereitete Beispielausführungen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

Vorbereitete Beispielausführungen

Eingaben

Ergebnis

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Überblick

Wann verwenden

So funktioniert es

Anwendungsfälle

Beispiele

1. Exakten CSS-Farbnamen ermitteln

2. Passenden CSS-Token für Markenfarbe finden

FAQ

Farbcode-Beispiele

Web Python Bildverarbeitung Beispiele

Bulma CSS Framework Beispiele

CSS-Selektor-Beispiele

CMYK-Farbkonverter

Sepia-Toner

Farbraumkonverter

Geteiltes Komplementär-Farbwerkzeug

Farbraum-Konvertierung fur Web und Druck

Generatoren fur CSS-Effekte, Paletten und Design-Tokens

Tools fuer Web-Accessibility-Audits und lesbare Farbpruefung

Farbdesign- & Farbraum-Konvertierungswerkzeuge