Html värvid
Värvid kuvatakse kolme (PUNANE, ROHELINE, SININE) põhivärvi kokku segamisel.
Html'is kasutatakse värvide määramiseks numbreid, tähti ja nimetusi. Kõige madalam värvi väärtus on 0 (hex#oo) ja kõige kõrgem 255 (hex#ff).
Allpool olevas tabelis on näha mismoodi Punase, Rohelise ja Sinise värvi omavahelise kombineerimise tulemusena moodustuvad uued värvid:
| Värv | HEX | RGB |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #FF0000 | rgb(255,0,0) | |
| #00FF00 | rgb(0,255,0) | |
| #0000FF | rgb(0,0,255) | |
| #FFFF00 | rgb(255,255,0) | |
| #00FFFF | rgb(0,255,255) | |
| #FF00FF | rgb(255,0,255) | |
| #C0C0C0 | rgb(192,192,192) | |
| #FFFFFF | rgb(255,255,255) |
W3C standartsed värvide nimed
W3C on võtnud kasutusele 16 värvi nime, milliseid saab kasutada Html'is.
Need värvid on: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, ja yellow.
Ligikaudu 150 värvi nime leiavad toetust enamikes brauserites.
Vaata värvide nimekirja
Siin on valik värvidest, millede kasutamisel võib kindel olla, et neid toetavad kõik brauserid:
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Põhivärvid
PUNANE, KOLLANE, SININE on põhivärvid. S.t. et need värvid pole mitte ühegi teise värviga segatud. Kõik üleäänud värvid saadakse eelpool mainitud põhivärvide segamisel.
Niimoodi kirjutatakse värvide kood Html'is:
- Punane: #ff0000 või CSS'is #f00
- Kollane: #ffff00 või CSS'is #ff0
- Sinine: #0000ff või CSS'is #00f
Teise astme värvid
ORANŠ, ROHELINE, PURPUR on teise astme värvid. Oranš saadakse kollase ja punase segamisel. Roheline, kollase sinise segamisel ja purpur, sinise ja punase segamisel.
Niimoodi kirjutatakse värvide kood Html'is:
- Oranš: #ff9900 või CSS'is #f90
- Roheline: #00ff00 või CSS'is #0f0
- Purpur: #ff00ff või CSS'is #f90
Kolmanda astme värvid
KOLLANE - ORANŠ, PUNANE - ORANŠ, PUNANE - PURPUR, SININE - PURPUR, SININE - ROHELINE ja KOLLANE - ROHELINE on kolmanda astme värvid. Need saadakse teise astme värvide segamisel.
Niimoodi kirjutatakse värvide kood Html'is:
- Kollane-Oranš: #ffcc00 või CSS'is #fc0
- Punane-Oranš: #ff6600 või CSS'is #f60
- Punane- Purpur: #cc00cc või CSS'is #c0c
- Sinine- Purpur: #9900ff või CSS'is #90f
- Sinine-Roheline: #00cccc või CSS'is #0cc
- Kollane-Roheline: #ccff00 või CSS'is #cf0
