Názvy barev v CSS

Všech 148 pojmenovaných barev ze specifikace CSS, seskupených podle tónu a seřazených od světlých po tmavé. Kliknutím na název nebo hodnotu HEX ji zkopírujete.

Červené

Malinové

Růžové

Magentové

stejné jako magenta
stejné jako fuchsia

Purpurové

Fialové

Indigové

Modré

stejné jako lightslategrey
stejné jako lightslategray
stejné jako slategrey
stejné jako slategray

Blankytné

Azurové

stejné jako cyan
stejné jako aqua
stejné jako darkslategrey
stejné jako darkslategray

Petrolejové

Smaragdové

Zelené

Limetkové

Žluté

Jantarové

Oranžové

Hnědé

Béžové

Bílé

Šedé

stejné jako lightgrey
stejné jako lightgray
stejné jako darkgrey
stejné jako darkgray
stejné jako grey
stejné jako gray
stejné jako dimgrey
stejné jako dimgray

Černé

Otázky a odpovědi

Kolik pojmenovaných barev má CSS?

CSS Color 4 definuje 148 pojmenovaných barev, od aliceblue po yellowgreen. Několik z nich jsou synonyma se stejnou hodnotou, například gray a grey nebo aqua a cyan. Existují také klíčová slova transparent a currentcolor, která nejsou pevné barvy.

Jsou gray a grey v CSS totéž?

Ano. Každý název se slovem gray má i variantu grey s přesně stejnou hodnotou, například darkgray i darkgrey jsou #a9a9a9. Pozor: darkgray je světlejší než gray, jde o zvláštnost zděděnou ze seznamu barev X11.

Mám v produkčním CSS používat názvy barev?

Pojmenované barvy fungují ve všech prohlížečích, takže se hodí pro prototypy, ukázky a jednorázové styly. Pro produkt raději použijte vlastní tokeny v OKLCH nebo HEX: snáz se upravují jako škála a snáz se udržují jednotné napříč motivy.