Siirry värivalitsimeen

CSS-värinimet

Kaikki CSS-määrityksen nimetyt värit, yhteensä 148, ryhmiteltynä sävyn mukaan ja järjestettynä vaaleasta tummaan. Kopioi nimi tai HEX-arvo napsauttamalla sitä.

Punaiset

Ruusunpunaiset

Pinkit

Magentat

  • sama kuin magenta

  • sama kuin fuchsia

Purppurat

Violetit

Indigot

Siniset

  • sama kuin lightslategrey

  • sama kuin lightslategray

  • sama kuin slategrey

  • sama kuin slategray

Taivaansiniset

Syaanit

  • sama kuin cyan

  • sama kuin aqua

  • sama kuin darkslategrey

  • sama kuin darkslategray

Sinivihreät

Smaragdinvihreät

Vihreät

Limetinvihreät

Keltaiset

Meripihkankeltaiset

Oranssit

Ruskeat

Beiget

Valkoiset

Harmaat

  • sama kuin lightgrey

  • sama kuin lightgray

  • sama kuin darkgrey

  • sama kuin darkgray

  • sama kuin grey

  • sama kuin gray

  • sama kuin dimgrey

  • sama kuin dimgray

Mustat

Kysymykset ja vastaukset

Montako nimettyä väriä CSS:ssä on?

CSS Color 4 määrittelee nimettyjä värejä yhteensä 148, aliceblue-väristä yellowgreen-väriin. Muutama niistä on saman arvon synonyymejä, kuten gray ja grey tai aqua ja cyan. Lisäksi on avainsanat transparent ja currentcolor, jotka eivät ole kiinteitä värejä.

Ovatko gray ja grey sama asia CSS:ssä?

Ovat. Jokaisella gray-nimellä on myös grey-kirjoitusasu täsmälleen samalla arvolla, esimerkiksi sekä darkgray että darkgrey ovat #a9a9a9. Huomaa, että darkgray on vaaleampi kuin gray. Erikoisuus on peräisin X11-värilistasta.

Kannattaako värinimiä käyttää tuotannon CSS:ssä?

Nimetyt värit toimivat kaikissa selaimissa, joten ne sopivat hyvin prototyyppeihin, demoihin ja yksittäisiin tyyleihin. Tuotteessa kannattaa käyttää omia tokeneita OKLCH- tai HEX-muodossa: niitä on helpompi säätää asteikkona ja pitää yhtenäisinä eri teemoissa.