CSS Farbname zu HEX Konverter Suchen und Vorschau von HEX-Codes für alle 140+ benannten CSS-Farben.

🎨

Farbname zu HEX

Suchen und Vorschau von HEX-Codes für alle 140+ benannten CSS-Farben.

Suchen nach Namen

Geben Sie einen Farbnamen wie "Koralle" oder "Blau" ein, um die Liste zu filtern.

Farben durchblättern

Scrollen Sie durch alle 140+ CSS-Namensfarben mit visuellen Vorschauen.

HEX-Code kopieren

Klicken Sie auf Kopieren, um den HEX-Code für jede Namensfarbe zu erhalten.

Loading tool...

What Is Farbname zu HEX?

Der CSS-Farbnamen-zu-HEX-Lookup bietet direkten Zugriff auf alle 140+ Farben, die in der CSS-Spezifikation durch ihre menschlich lesbaren Namen definiert sind. Anstatt Hex-Codes auswendig zu lernen, ermöglicht es CSS, Namen wie "Koralle", "Tomate", "Stahlblau" oder "Rebeccapurple" direkt in den Stylesheets zu verwenden. Dieses Tool zeigt jede benannte Farbe mit ihrer visuellen Vorschau, dem exakten HEX-Code und einer Ein-Klick-Kopierfunktion an. Es ist ein unverzichtbarer Referenzwert für Entwickler, die semantische Farbnamen in Prototypen verwenden möchten, den Hex-Wert einer Farbe finden möchten, die sie nur durch ihren Namen kennen, oder neue Farben entdecken möchten, von denen sie nicht wussten, dass sie in der CSS-Spezifikation existieren. Die suchbare Oberfläche ermöglicht es, bestimmte Farben schnell zu finden oder ganze Farbfamilien zu browsen. Benannte CSS-Farben reichen von grundlegenden Primärfarben bis hin zu nuancierten Schattierungen wie "Zitronenchiffon", "Papayawhip" und "Mintcreme".

Why Use Farbname zu HEX?

Vollständige Referenz für alle 140+ CSS-Namensfarben
Visuelle Vorschauen machen es einfach, Farben auf einen Blick zu vergleichen
Instant-Suchfilterung, um Farben nach Teilnamen zu finden
Ein-Klick-Kopie für jeden Farb-HEX-Code
Nützlich für schnelles Prototyping und das Lernen von CSS-Farbnamen

Common Use Cases

Schnelles Prototyping

Verwenden Sie Namensfarben für schnelles Prototyping, ohne HEX-Codes nachschlagen zu müssen.

CSS-Referenz

Finden Sie den exakten HEX-Wert für CSS-Namensfarben, um die Konsistenz zwischen Browsern sicherzustellen.

Lernhilfe

Erkunden Sie das gesamte Spektrum von CSS-Namensfarben und ihren hexäquivalenten Werten.

Code-Überprüfungen

Verifizieren Sie, dass die in Code verwendeten Namensfarben der beabsichtigten visuellen Erscheinung entsprechen.

Technical Guide

Benannte CSS-Farben sind eine vordefinierte Menge von 148 Farbschlüsselwörtern (einschließlich Duplikate wie "Aqua"/"Cyan" und "Fuchsia"/"Magenta") im CSS Color Module Level 4. Jeder Name entspricht einer bestimmten sRGB-Farbe, die als HEX-Triplett definiert ist. Diese Namen stammen aus dem X11-Farbsatz, der in Unix-Fenstersystemen verwendet wird, mit Ergänzungen über die Zeit. Der Name "Rebeccapurple" (#663399) wurde 2014 als Tribut an Eric Meyers Tochter hinzugefügt. Benannte Farben sind in CSS Groß-/Kleinschreibungsunabhängig: "DarkSlateGray" und "darkslategray" sind identisch. Obwohl sie für die Entwicklung praktisch sind, haben benannte Farben Einschränkungen: Sie bieten nur 148 der 16,7 Millionen möglichen RGB-Farben an, und die Namen können subjektiv sein (z.B. ist "Grau" #808080, während "Dunkelgrau" #A9A9A9 ist, was heller als "Grau" ist). Für Produktionscode bevorzugen die meisten Teams HEX oder HSL für präzise Farbkontrolle und Konsistenz mit Designspezifikationen.

Tips & Best Practices

1
CSS-Namensfarben sind nicht case-sensitiv - "Dunkelblau" und "dunkelblau" sind identisch
2
Widersprüchlich ist, dass "dunkelgrau" (#A9A9A9) heller ist als "grau" (#808080)
3
Namensfarben sind großartig für Prototyping, werden aber normalerweise in der Produktion durch exakte HEX-Werte ersetzt
4
Das Schlüsselwort "transparent" ist auch ein gültiger CSS-Farbwert, äquivalent zu rgba(0,0,0,0)
5
rebeccapurple (#663399) war die zuletzt hinzugefügte Namensfarbe und ehrt Rebecca Meyer

Related Tools

HEX zu RGB Konverter

Konvertieren Sie HEX-Farbcodes in RGB-Werte sofort mit einer Live-Vorschau.

🎨 Color Tools

HEX zu HSL Konverter

Wandeln Sie HEX-Farbcodes in HSL-Werte (Farbton, Sättigung, Helligkeit) um.

🎨 Color Tools

Farbpicker

Interaktiver Farbpicker mit HEX-, RGB-, HSL- und CMYK-Ausgaben.

🎨 Color Tools

Tailwind Farbfinder

Finden Sie die nächstliegende Tailwind CSS-Farbklassen für jeden HEX-Code.

🎨 Color Tools

Referenz für benannte CSS-Farben

Durchsuchen Sie alle 140+ benannten CSS-Farben mit Suchfunktion, sortieren nach Farbton oder Helligkeit.

🎨 Color Tools

Frequently Asked Questions

Q Wie viele CSS-Namensfarben gibt es?

Es gibt 148 Namensfarben in der CSS-Spezifikation, einschließlich einiger Duplikatpaare (aqua/cyan, fuchsia/magenta). Dies ergibt 145 eindeutige Farben.

Q Werden Namensfarben in allen Browsern unterstützt?

Ja, alle modernen Browser unterstützen alle CSS-Namensfarben. Sie sind Teil der CSS-Spezifikation seit CSS1 (grundlegende Farben) und CSS3 (erweiterte Farben).

Q Kann ich Namensfarben in JavaScript verwenden?

Ja, Sie können Namensfarben in Canvas, CSS-in-JS-Bibliotheken und jeder CSS-Eigenschaft verwenden, die über JavaScript gesetzt wird. Zum Beispiel: element.style.color = "Tomate".

Q Warum ist dunkelgrau heller als grau?

Dies ist ein historischer Makel aus dem X11-Farbnamenssystem. "Grau" ist #808080 (mittleres Grau), während "dunkelgrau" #A9A9A9 (eine hellere Nuance) ist. Die Benennung war in der ursprünglichen Spezifikation inkonsistent.

About This Tool

Farbname zu HEX is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.