CSS színnevek

A CSS specifikáció mind a 148 elnevezett színe, színezet szerint csoportosítva, világostól sötétig rendezve. Kattints egy névre vagy HEX értékre a másoláshoz.

Piros

Rózsapiros

Rózsaszín

Magenta

ugyanaz, mint: magenta
ugyanaz, mint: fuchsia

Lila

Ibolya

Indigó

Kék

ugyanaz, mint: lightslategrey
ugyanaz, mint: lightslategray
ugyanaz, mint: slategrey
ugyanaz, mint: slategray

Égszínkék

Cián

ugyanaz, mint: cyan
ugyanaz, mint: aqua
ugyanaz, mint: darkslategrey
ugyanaz, mint: darkslategray

Kékeszöld

Smaragdzöld

Zöld

Limezöld

Sárga

Borostyán

Narancs

Barna

Bézs

Fehér

Szürke

ugyanaz, mint: lightgrey
ugyanaz, mint: lightgray
ugyanaz, mint: darkgrey
ugyanaz, mint: darkgray
ugyanaz, mint: grey
ugyanaz, mint: gray
ugyanaz, mint: dimgrey
ugyanaz, mint: dimgray

Fekete

Kérdések és válaszok

Hány elnevezett szín van a CSS-ben?

A CSS Color 4 összesen 148 elnevezett színt határoz meg, az aliceblue-tól a yellowgreenig. Néhány közülük szinonima ugyanazzal az értékkel, például a gray és a grey vagy az aqua és a cyan. Létezik még a transparent és a currentcolor kulcsszó is, de ezek nem rögzített színek.

Ugyanaz a gray és a grey a CSS-ben?

Igen. Minden gray nevű színnek van grey írásmódja pontosan ugyanazzal az értékkel, például a darkgray és a darkgrey is #a9a9a9. Érdekesség, hogy a darkgray világosabb, mint a gray: ezt a furcsaságot az X11 színlistából örökölte a CSS.

Használjak színneveket éles CSS-ben?

Az elnevezett színek minden böngészőben működnek, így prototípusokhoz, demókhoz és egyszeri stílusokhoz megfelelnek. Egy termékhez inkább saját tokeneket használj OKLCH-ban vagy HEX-ben: ezeket könnyebb skálaként hangolni és a témák között egységesen tartani.