Nazwy kolorów CSS

Wszystkie nazwane kolory ze specyfikacji CSS (łącznie: 148), pogrupowane według barwy i ułożone od jasnych do ciemnych. Kliknij nazwę lub wartość HEX, żeby ją skopiować.

Czerwone

Malinowe

Różowe

Fuksjowe

to samo co magenta
to samo co fuchsia

Purpurowe

Fioletowe

Indygowe

Niebieskie

to samo co lightslategrey
to samo co lightslategray
to samo co slategrey
to samo co slategray

Błękitne

Cyjanowe

to samo co cyan
to samo co aqua
to samo co darkslategrey
to samo co darkslategray

Morskie

Szmaragdowe

Zielone

Limonkowe

Żółte

Bursztynowe

Pomarańczowe

Brązowe

Beżowe

Białe

Szare

to samo co lightgrey
to samo co lightgray
to samo co darkgrey
to samo co darkgray
to samo co grey
to samo co gray
to samo co dimgrey
to samo co dimgray

Czarne

Pytania i odpowiedzi

Ile nazwanych kolorów ma CSS?

CSS Color 4 definiuje nazwane kolory od aliceblue do yellowgreen, łącznie: 148. Kilka z nich to synonimy o tej samej wartości, na przykład gray i grey albo aqua i cyan. Są też słowa kluczowe transparent i currentcolor, które nie są stałymi kolorami.

Czy gray i grey to w CSS to samo?

Tak. Każda nazwa z gray ma wariant z grey o dokładnie tej samej wartości, na przykład darkgray i darkgrey to #a9a9a9. Uwaga: darkgray jest jaśniejszy niż gray, to dziwactwo odziedziczone po liście kolorów X11.

Czy używać nazw kolorów w produkcyjnym CSS?

Nazwane kolory działają w każdej przeglądarce, więc sprawdzą się w prototypach, demach i jednorazowych stylach. W produkcie lepiej użyć własnych tokenów w OKLCH lub HEX: łatwiej je dopasować jako skalę i utrzymać spójność między motywami.