Wie viele benannte CSS-Farben gibt es?

Es gibt 148 standardmäßige benannte CSS-Farben, die von allen modernen Browsern erkannt werden. Dazu gehören die ursprünglichen 16 HTML4-Farben, 130 zusätzliche SVG/CSS3-Farben und die neuere Farbe rebeccapurple, die in CSS Color Level 4 hinzugefügt wurde.

Wie funktioniert der Farbabgleichsalgorithmus?

Das Tool verwendet eine gewichtete euklidische Distanzformel im RGB-Raum mit Gewichtungen von R*3, G*4 und B*2, um die menschliche Farbwahrnehmung besser anzunähern. Grünunterschiede werden am stärksten gewichtet, da das menschliche Auge am empfindlichsten auf Grün reagiert.

Unterstützt es 3-stellige Hex-Codes wie #fff?

Ja, das Tool erweitert automatisch die 3-stellige Hex-Kurzschreibweise (z. B. #f80 wird zu #ff8800), bevor die nächstgelegene benannte Farbe ermittelt wird. Sie können sowohl 3- als auch 6-stellige Hex-Codes verwenden.

Farbnamen-Finder | HandyTools Hub

Verwendung

Geben Sie einen HEX-Farbcode ein: Geben Sie einen beliebigen 6-stelligen Hex-Farbcode (mit oder ohne #) in das Eingabefeld ein. Sie können auch die Farbauswahl verwenden, um eine Farbe visuell auszuwählen.
Finden Sie die nächstgelegene benannte Farbe: Klicken Sie auf Name finden, um die nächstgelegene benannte CSS-Farbe zu ermitteln. Das Tool verwendet einen wahrnehmungsgewichteten Distanzalgorithmus, um die beste, vom Menschen wahrgenommene Übereinstimmung zu finden.
Vollständige Farbdaten anzeigen: Sehen Sie sich den Farbnamen, die Farbfeldvorschau, die HEX-, RGB- und HSL-Werte sowie den Distanzwert an, der zeigt, wie nah die Übereinstimmung an Ihrer ursprünglichen Eingabe ist.
Alle benannten Farben durchsuchen: Verwenden Sie die Suchleiste, um alle 148+ benannten CSS-Farben zu durchsuchen. Suchen Sie nach Namensfragmenten (z. B. „dark”), um verwandte Farbfamilien zu erkunden.

Funktionen

148+ benannte CSS-Farben: vollständige Datenbank aller standardmäßigen benannten CSS-Farben
Wahrnehmungsgewichtete Distanz: verwendet auf der menschlichen Wahrnehmung basierende Gewichtungen (R3, G4, B*2) für die beste visuelle Übereinstimmung
Visuelle Farbauswahl: integrierte native Farbauswahl zur visuellen Auswahl einer Farbe aus dem gesamten Spektrum
Sofortige Farbsuche: Durchsuchen Sie alle 148+ Farben nach Namensfragmenten mit sofortigen Ergebnissen
Mehrformat-Ausgabe: jedes Ergebnis zeigt HEX-, RGB- und HSL-Werte zusammen mit dem Farbnamen

Anwendungsfälle

CSS-Entwicklung: Identifizieren Sie, welche benannte CSS-Farbe mit den Hex-Codes Ihres Design-Mockups übereinstimmt, um besser lesbare Stylesheets zu erstellen.
Dokumentation von Designs: Dokumentieren Sie Ihr Designsystem mit menschenlesbaren Farbnamen für eine klarere Kommunikation.
Farbzugänglichkeit: Lernen Sie standardmäßige Farbnamen, um die Farbkommunikation für die WCAG-Konformität zu verbessern.
Farbentdeckung: Durchsuchen Sie die vollständige Palette von 148+ benannten CSS-Farben, um neue Schattierungen und Inspirationen zu entdecken.

Farbnamen-Finder