CSS-Farbnamen

Alle 148 benannten Farben aus der CSS-Spezifikation, nach Farbton gruppiert und von hell nach dunkel sortiert. Klicke auf einen Namen oder HEX-Wert, um ihn zu kopieren.

Rote

Rosenrote

Pinke

Magentafarbene

gleich wie magenta
gleich wie fuchsia

Lilafarbene

Violette

Indigoblaue

Blaue

gleich wie lightslategrey
gleich wie lightslategray
gleich wie slategrey
gleich wie slategray

Himmelblaue

Cyanfarbene

gleich wie cyan
gleich wie aqua
gleich wie darkslategrey
gleich wie darkslategray

Petrolfarbene

Smaragdgrüne

Grüne

Limettengrüne

Gelbe

Bernsteinfarbene

Orangefarbene

Braune

Beigefarbene

Weiße

Graue

gleich wie lightgrey
gleich wie lightgray
gleich wie darkgrey
gleich wie darkgray
gleich wie grey
gleich wie gray
gleich wie dimgrey
gleich wie dimgray

Schwarze

Fragen und Antworten

Wie viele benannte Farben gibt es in CSS?

CSS Color 4 definiert 148 benannte Farben, von aliceblue bis yellowgreen. Einige sind Synonyme mit demselben Wert, etwa gray und grey oder aqua und cyan. Dazu kommen die Schlüsselwörter transparent und currentcolor, die keine festen Farben sind.

Sind gray und grey in CSS dasselbe?

Ja. Jeder gray-Name hat eine grey-Schreibweise mit genau demselben Wert, zum Beispiel sind darkgray und darkgrey beide #a9a9a9. Kurios: darkgray ist heller als gray, eine Eigenheit aus der X11-Farbliste.

Sollte ich Farbnamen im produktiven CSS verwenden?

Benannte Farben funktionieren in jedem Browser und sind für Prototypen, Demos und einmalige Styles völlig in Ordnung. Für ein Produkt sind eigene Tokens in OKLCH oder HEX besser: Sie lassen sich als Skala leichter anpassen und über Themes hinweg konsistent halten.