Naar de kleurkiezer

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.