Veebivärvid

Veebivärvid on veebilehtede kujundamisel kasutatavad värvid ning nende värvide kirjeldamise ja loetlemise viisid.

Veebilehe osade värvide valimiseks on mitu võimalust. Värvid võib esitada RGB-tripletina (kolmest numbrist koosnev komplekt) heksadetsimaalses formaadis (hexatriplet). RGB-triplet võib teha 16 777 216 erinevat värvi. Paljusid levinud värve saab valida ka nende üldlevinud ingliskeelsete nimetuste järgi. Sageli kasutatakse värviväärtuste loomiseks värvitööriista või muud graafikatarkvara.

Mosaici ja NetscapeNavigatori esimesed versioonid kasutasid X11 värvinimetusi oma värviloendite alusena. See tulenes sellest, et mõlemad alustasid X Window Systemi rakendustena.

Igal veebivärvil on oma määratlus, sRGB. See on seotud ühe fosforikomplekti kromaatilisusega, antud ülekandekõveraga, adaptiivse valgepunktiga ja vaatamistingimustega. Need on valitud nii, et need oleksid sarnased paljude reaalsete monitoride ja vaatamistingimustega. Isegi ilma värvihalduseta on loodud värvid üsna lähedased antud väärtustele. Kasutajad võivad siiski olla erinevad selle poolest, kui täpselt nad värve kuvavad. Paremad kasutajaagendid kasutavad värvihaldust, et luua parem värvitruudus. See on oluline veebist trükkimiseks mõeldud rakenduste puhul.

Hex-triplet

Heksa-triplet on kuuekohaline kolmbaideline number, mida kasutatakse HTML-is, CSS-is, SVG-s ja muudes arvutiprogrammides värvide tähistamiseks. Baidid tähistavad värvi punast, rohelist ja sinist osa. Üks bait esindab arvu vahemikus 00 kuni FF ehk 0 kuni 255 kümnendmärgis. See tähistab iga värvikomponendi väikseimat (0) kuni suurimat (255) intensiivsust. Heksa-triplet moodustatakse kolme baidi ühendamisel heksadekaalarvudes järgmises järjekorras:

1. bait: punane väärtus (värvitüüp punane)

Byte 2: roheline väärtus (värvitüüp roheline)

Byte 3: sinine väärtus (värvitüüp sinine)

Võtame näiteks värvi, kus punase/rohelise/sinise väärtused on kümnendarvud: punane=36, roheline=104, sinine=160 (hallikas-sinine värv). Kümnendarvud 36, 104 ja 160 on sarnased vastavalt numbritele 24, 68 ja A0. Heksa-triplaat saadakse 6 kuuekohalise numbri kombineerimisel, antud näites 2468A0.

HTML veebivärvid

1997. aastal väljatöötatud värvitoonide arv oli algselt 16. Hiljem lisati oranž, nii et neid oli kokku 17. Need algsed 16 olid osa millestki, mida nimetatakse "Windows VGA malliks", mis tähendab, et need on värvid, mida saab kasutada sellisteks tegevusteks nagu esiletõstmine. ^[]

Värv	Hexadecimal	Värv	Hexadecimal	Värv	Hexadecimal	Värv	Hexadecimal
aqua	#00FFFF	hall	#808080	merevägi	#000080	hõbe	#C0C0C0C0
must	#000000	roheline	#008000	oliiviõli	#808000	teal	#008080
sinine	#0000FF	lubi	#00FF00	lilla	#800080	valge	#FFFFFFFF
fuksia	#FF00FF	maroon	#800000	punane	#FF0000	kollane	#FFFF00

HTML-värv lisatakse hiljem

Värv	Hexadecimal
oranž	#FFA500

X11 värvid (sõnastatud 1987. aastal)

Neid nimetatakse "X11 veebivärvideks", kuna World Wide Web leiutati 1991. aastal.

HTML nimi	Hex-koodR G B	KümnendkoodR G B
Punased värvid
India punane	CD 5C 5C 5C	205 92 92
Kerge korall	F0 80 80	240 128 128
Lõhe	FA 80 72	250 128 114
Tume lõhe	E9 96 7A	233 150 122
Kerge lõhe	FF A0 7A	255 160 122
Crimson	DC 14 3C	220 20 60
Punane	FF 00 00 00	255 0 0
Tuli telliskivi	B2 22 22	178 34 34
Tumepunane	8B 00 00	139 0 0
Roosa värvid
Roosa	FF C0 CB	255 192 203
Heleroosa	FF B6 C1	255 182 193
Kuumroosa	FF 69 B4	255 105 180
Sügav roosa	FF 14 93	255 20 147
Keskmine violetne punane	C7 15 85	199 21 133
Kahvatu lilla punane	DB 70 93	219 112 147
Oranžid värvid
Kerge lõhe	FF A0 7A	255 160 122
Korall	FF 7F 50	255 127 80
Tomat	FF 63 47	255 99 71
OrangeRed	FF 45 00	255 69 0
Tumeoranž	FF 8C 00	255 140 0
Oranž	FF A5 00	255 165 0

Kollased värvid
Kuld	FF D7 00	255 215 0
Kollane	FF FF 00	255 255 0
Helekollane	FF FF FF E0	255 255 224
Sidrun Chiffon	FF FA CD	255 250 205
Hele kuldkollane kollane	FA FA FA D2	250 250 210
Papaya Whip	FF EF D5	255 239 213
Mokasiin	FF E4 B5	255 228 181
Virsik Puff	FF DA B9	255 218 185
Kahvatu kuldking	EE E8 AA	238 232 170
Khaki	F0 E6 8C	240 230 140
Tume khaki	BD B7 6B	189 183 107
Lilla värvid
Lavendel	E6 E6 FA	230 230 250
Ohtrikud	D8 BF D8	216 191 216
Ploom	DD A0 DD	221 160 221
Violet	EE 82 EE	238 130 238
Orhidee	DA 70 D6	218 112 214
Fuksia	FF 00 FF	255 0 255
Magenta	FF 00 FF	255 0 255
Keskmine orhidee	BA 55 D3	186 85 211
Keskmine lilla	93 70 DB	147 112 219
Ametüst	99 66 CC	153 102 204
Sinine violetne	8A 2B E2	138 43 226
Tume lilla	94 00 D3	148 0 211
Tume orhidee	99 32 CC	153 50 204
Tume magenta	8B 00 8B	139 0 139
Lilla	80 00 80	128 0 128
Indigo	4B 00 82	75 0 130
Slate Blue	6A 5A CD	106 90 205
Tume kiltkivi sinine	48 3D 8B	72 61 139
Keskmine kiltkivi sinine	7B 68 EE	123 104 238

HTML nimi	Hex-koodR G B	KümnendkoodR G B
Rohelised värvid
Roheline Kollane	AD FF 2F	173 255 47
Chartreuse	7F FF 00	127 255 0
Roheline muru	7C FC 00	124 252 0
Lime	00 FF 00	0 255 0
Lime roheline	32 CD 32	50 205 50
Kahvatu roheline	98 FB 98	152 251 152
Heleroheline	90 EE 90	144 238 144
Keskmine kevadroheline	00 FA 9A	0 250 154
Kevadine roheline	00 FF 7F	0 255 127
Keskmine mere roheline	3C B3 71	60 179 113
Mereroheline	2E 8B 57	46 139 87
Forest Green	22 8B 22	34 139 34
Roheline	00 80 00	0 128 0
Tumeroheline	00 64 00	0 100 0
Kollane roheline	9A CD 32	154 205 50
Oliivipunane värvus	6B 8E 23	107 142 35
Oliiv	80 80 00	128 128 0
Tume oliivroheline	55 6B 2F	85 107 47
Keskmine akvamariin	66 CD AA	102 205 170
Tume meri roheline	8F BC 8F	143 188 143
Hele mere roheline	20 B2 AA	32 178 170
Tume tsüaane	00 8B 8B	0 139 139
Teal	00 80 80	0 128 128
Sinised värvid
Aqua	00 FF FF FF	0 255 255
Cyan	00 FF FF FF	0 255 255
Heledat tsüaani	E0 FF FF	224 255 255
Kahvatu türkiissinine	AF EE EE EE	175 238 238
Akvamariin	7F FF D4	127 255 212
Türkiissinine	40 E0 D0	64 224 208
Keskmine türkiissinine	48 D1 CC	72 209 204
Tume türkiissinine	00 CE D1	0 206 209
Kadett sinine	5F 9E A0	95 158 160
Terase sinine	46 82 B4	70 130 180
Heledast terasest sinine	B0 C4 DE	176 196 222
Puudersinine	B0 E0 E6	176 224 230
Helesinine	AD D8 E6	173 216 230
Sky Blue	87 CE EB	135 206 235
Hele taevasinine	87 CE FA	135 206 250
Sügav taevas sinine	00 BF FF	0 191 255
Dodger Blue	1E 90 FF	30 144 255
Rukkilille sinine	64 95 ED	100 149 237
Keskmine kiltkivi sinine	7B 68 EE	123 104 238
Kuninglik sinine	41 69 E1	65 105 225
Sinine	00 00 00 FF	0 0 255
Keskmine sinine	00 00 CD	0 0 205
Tumesinine	00 00 8B	0 0 139
Merevägi	00 00 80	0 0 128
Midnight Blue	19 19 70	25 25 112

HTML nimi	Hex-koodR G B	KümnendkoodR G B
Pruunid värvid
Cornsilk	FF F8 DC	255 248 220
Blanšeeritud mandel	FF EB CD	255 235 205
Biskviit	FF E4 C4	255 228 196
Navajo valge	FF DE AD	255 222 173
Nisu	F5 DE B3	245 222 179
Burly Wood	DE B8 87	222 184 135
Tan	D2 B4 8C	210 180 140
Rosy Brown	BC 8F 8F 8F	188 143 143
Sandy Brown	F4 A4 60	244 164 96
Kuldroog	DA A5 20	218 165 32
Tume kuldking	B8 86 0B	184 134 11
Peruu	CD 85 3F	205 133 63
Šokolaad	D2 69 1E	210 105 30
Sadul pruun	8B 45 13	139 69 19
Sienna	A0 52 2D	160 82 45
Pruun	A5 2A 2A 2A	165 42 42
Maroon	80 00 00	128 0 0
Valged värvid
Valge	FF FF FF FF	255 255 255
Lumi	FF FA FA FA	255 250 250
Honeydew	F0 FF F0	240 255 240
Mündikreem	F5 FF FA	245 255 250
Azure	F0 FF FF FF	240 255 255
Alice Blue	F0 F8 FF	240 248 255
Kummitus valge	F8 F8 FF	248 248 255
Valge suits	F5 F5 F5 F5	245 245 245
Seashell	FF F5 EE	255 245 238
Beež	F5 F5 DC	245 245 220
Vana pits	FD F5 E6	253 245 230
Floral valge	FF FA F0	255 250 240
Elevandiluu	FF FF F0	255 255 240
Antiikne valge	FA EB D7	250 235 215
Linane	FA F0 E6	250 240 230
Lavendel Blush	FF F0 F5	255 240 245
Misty Rose	FF E4 E1	255 228 225
Hallid värvid
Gainsboro	DC DC DC DC	220 220 220
Helehall	D3 D3 D3 D3	211 211 211
Silver	C0 C0 C0 C0	192 192 192
Tumehall	A9 A9 A9 A9	169 169 169
Hall	80 80 80	128 128 128
Dim Gray	69 69 69	105 105 105
Hele kiltkivi hall	77 88 99	119 136 153
Slate Hall	70 80 90	112 128 144
Tume kiltkivi hall	2F 4F 4F 4F	47 79 79
Must	00 00 00	0 0 0

Valitud veebivärvide graafik

See diagramm näitab valitud HTML- ja X11-värve ning valitud mitteametlikke konsensuslikke veebivärve, mille veebidisainerid on välja töötanud alates 2002. aastast. Mitteametlikke värve kasutava koodi sisestamisel tuleb värvi nime kirjutamise asemel märkida värvi heksakood.

· vaadata

· räägi

· redigeeri

Veebivärvid (nimekiri)

Valge

hõbe

hall

must

merevägi

sinine

cerulean

taevasinine

türkiissinine

sini-roheline

asuur

teal

kollane

merevaigukollane

pruun

oranž-punane

punane

maroon

roos

roosa

lilla

elevandiluu

violetne

virsik

aprikoos

ooker

ploomi

Küsimused ja vastused

K: Millised on veebi värvid?

V: Veebivärvid on veebilehtede kujundamisel kasutatavad värvid ning nende värvide kirjeldamise ja loetlemise viisid.

K: Kui palju erinevaid värve saab RGB-triipude abil luua?

V: RGB-tripletidega saab luua 16 777 216 erinevat värvi.

K: Kas mõnele neist värvidest on olemas üldkasutatavad ingliskeelsed nimed?

V: Jah, paljude tavaliste värvide puhul saab valida ka nende tavalisi ingliskeelseid nimesid.

K: Millist tarkvara kasutatakse tavaliselt värviväärtuste loomiseks?

V: Sageli kasutatakse värviväärtuste loomiseks värvitööriista või muud graafikatarkvara.

K: Milline oli algsete Mosaic'i ja Netscape Navigatori värviloendite alus?

V: Mosaic'i ja Netscape Navigator'i esimestes versioonides kasutati värviloendite alusena X11 värvinimesid, sest mõlemad alustasid X Window System'i rakendustena.

K: Millega on sRGB seotud, kui tegemist on veebivärvidega?

V: Igal veebivärvil on oma määratlus, sRGB, mis on seotud ühe fosforikomplekti kromaatilisusega, antud ülekandekõveraga, adaptiivse valgepunktiga ja vaatamistingimustega.

K: Kuidas näitavad kasutajaagendid neid värve täpselt?

V: Paremad kasutajaagendid kasutavad värvihaldust, et luua parem värvitruudus, mis on oluline veebist trükkimiseks mõeldud rakenduste puhul.