CSS-färgnamn

Alla namngivna färger i CSS-specifikationen (148 st.), grupperade efter färgton och sorterade från ljus till mörk. Klicka på ett namn eller ett HEX-värde för att kopiera det.

Röda

Rosenröda

Rosa

Magenta

samma som magenta
samma som fuchsia

Lila

Violetta

Indigo

Blå

samma som lightslategrey
samma som lightslategray
samma som slategrey
samma som slategray

Himmelsblå

Cyan

samma som cyan
samma som aqua
samma som darkslategrey
samma som darkslategray

Blågröna

Smaragdgröna

Gröna

Limegröna

Gula

Bärnstensgula

Orange

Bruna

Beige

Vita

Grå

samma som lightgrey
samma som lightgray
samma som darkgrey
samma som darkgray
samma som grey
samma som gray
samma som dimgrey
samma som dimgray

Svarta

Frågor och svar

Hur många namngivna färger har CSS?

CSS Color 4 definierar 148 namngivna färger, från aliceblue till yellowgreen. Några är synonymer med samma värde, till exempel gray och grey eller aqua och cyan. Dessutom finns nyckelorden transparent och currentcolor, som inte är fasta färger.

Är gray och grey samma sak i CSS?

Ja. Varje grått namn har en stavning med grey och exakt samma värde, till exempel är både darkgray och darkgrey #a9a9a9. Observera att darkgray är ljusare än gray, en egenhet som ärvts från färglistan i X11.

Ska jag använda färgnamn i CSS i produktion?

Namngivna färger fungerar i alla webbläsare, så de duger för prototyper, demor och enstaka stilar. För en produkt är egna tokens i OKLCH eller HEX bättre: de är lättare att justera som skala och att hålla enhetliga mellan teman.