CSS-kleurnamen

Alle 148 benoemde kleuren uit de CSS-specificatie, gegroepeerd per kleurtoon en gesorteerd van licht naar donker. Klik op een naam of HEX-waarde om die te kopiëren.

Rode

Rozerode

Roze

Magenta

gelijk aan magenta
gelijk aan fuchsia

Paarse

Violette

Indigo

Blauwe

gelijk aan lightslategrey
gelijk aan lightslategray
gelijk aan slategrey
gelijk aan slategray

Hemelsblauwe

Cyaan

gelijk aan cyan
gelijk aan aqua
gelijk aan darkslategrey
gelijk aan darkslategray

Blauwgroene

Smaragdgroene

Groene

Limoengroene

Gele

Amberkleurige

Oranje

Bruine

Beige

Witte

Grijze

gelijk aan lightgrey
gelijk aan lightgray
gelijk aan darkgrey
gelijk aan darkgray
gelijk aan grey
gelijk aan gray
gelijk aan dimgrey
gelijk aan dimgray

Zwarte

Vragen en antwoorden

Hoeveel benoemde kleuren heeft CSS?

CSS Color 4 definieert 148 benoemde kleuren, van aliceblue tot yellowgreen. Een paar zijn synoniemen met dezelfde waarde, zoals gray en grey of aqua en cyan. Daarnaast zijn er de sleutelwoorden transparent en currentcolor, die geen vaste kleuren zijn.

Zijn gray en grey hetzelfde in CSS?

Ja. Elke naam met gray heeft ook een spelling met grey met precies dezelfde waarde, zo zijn darkgray en darkgrey allebei #a9a9a9. Let op: darkgray is lichter dan gray, een eigenaardigheid die is overgenomen uit de X11-kleurenlijst.

Kan ik kleurnamen gebruiken in CSS voor productie?

Benoemde kleuren werken in elke browser, dus ze zijn prima voor prototypes, demo’s en losse stijlen. Gebruik voor een product liever je eigen tokens in OKLCH of HEX: die zijn makkelijker als schaal aan te passen en consistent te houden over thema’s heen.