CSS-värikoodit ovat yksinkertaisimmillaan muotoa #rgb
missä r, g ja b ilmoittavat punaisen,
vihreän ja sinisen valon intensiteetin "heksadesimaalinumerolla"
0 (minimi),
1,
2,
3,
4,
5,
6,
7,
8,
9,
a,
b,
c,
d,
e
tai f (maksimi).
Merkintä #23b tarkoittaa samaa kuin #2233bb.
Alempana esitellään muita merkintätapoja.
| Red | Green | Blue | ||
| White | f | f | f | Valkoinen |
| Yellow | f | f | 0 | Keltainen |
| Cyan | 0 | f | f | Syaani |
| Green | 0 | f | 0 | Vihreä |
| Magenta | f | 0 | f | Magenta |
| Red | f | 0 | 0 | Punainen |
| Blue | 0 | 0 | f | Sininen |
| Key | 0 | 0 | 0 | Musta |
| Punainen | Vihreä | Sininen |
Harmaasävyjä voi olla kaikkiaan 256 erilaista (jos sekä musta että valkoinen lasketaan mukaan), mutta nämä 16 ovat helpoimmat kirjoittaa:
| #000 | #111 | #222 | #333 | #444 | #555 | #666 | #777 | #888 | #999 | #aaa | #bbb | #ccc | #ddd | #eee | #fff |
| #000 | #111 | #222 | #333 | #444 | #555 | #666 | #777 | #888 | #999 | #aaa | #bbb | #ccc | #ddd | #eee | #fff |
| #000 | #111 | #222 | #333 | #444 | #555 | #666 | #777 | #888 | #999 | #aaa | #bbb | #ccc | #ddd | #eee | #fff |
Nykyään värien ilmoittamiseen on
muitakin tapoja. Esimerkiksi merkintä rgba(0,0,0,0.5) tarkoittaa mustaa,
joka on puoliksi läpinäkyvä (alfa-arvo on 0.5 eli 50 %) ja
rgba(255,255,255,0.5) vastaavasti yhtä läpinäkyvää valkoista. Näissä väreissä
R-, G- ja B-arvot ilmaistaan numerona 0-255.
Ilman väripaletin apua eli pelkkänä koodina käsiteltynä hsl-arvo on
kätevin. Siinä voi muuttaa helposti värisävyä (Hue), värikylläisyyttä
(Saturation) ja kirkkautta (Luminance).
Hsla-värissä voi lisäksi määritellä läpinäkyvyyden
(Alpha). Esimerkki: hsla(180,100%,50%,0.8).
Vaikeinta on hahmottaa, miten ensimmäisen luvun eli värisävyn muutos vaikuttaa väriin. Tämä "avattu väriympyrä" auttaa siinä:
| 0 | 60 | 120 | 180 | 240 | 300 | 360 |
Nämä tasaisin välein poimitut kuusi esimerkkiväriä ovat samat kuin tämän sivun ylimmässä taulukossa.