Veebivärvid

Veebivärvid on värvid, mida kasutatakse veebidisainis ja mis on nähtavad ainult ekraanikuval, samuti ingliskeelsed värvinimetused, mida kasutatakse nende määratlemisel. Kasutatakse arvutirakendustes HTML, CSS, SVG jm, kus on vaja esitada värve.

Veebivärve on võimalik määratleda märksõna (värvinimetuse), RGB-koodi või kuueteistkümnendsüsteemi HEX vahendusel^[1]. Kuuekohaline HEX-kood määrab ära iga värvi punase, rohelise ja sinise osavärvi (red, green ja blue) intensiivsuse, iga RGB-komponent on kirjeldatud kahekohalise tähisega vahemikus 000 ... FFF^[2]. 8-bitises värvigammas on põhivärvuste segamisel võimalik saada 256³ ehk 16 777 216 erinevat värvitooni.

16 eeldefineeritud HTML värvi

HTML 3.2 standard defineerib 16 standardset värvinimetust. Need 16 värvust on mõeldud kasutamiseks VGA-16 riistvaraga ja need värvinimetused (legal color names) tunnevad ära kõik veebisirvijad^[3]. Kõik need ei ole veebikindlad värvid^[4].

HTML märksõna	`Hex`	`RGB`	Värvinime eestikeelne tõlge

`Aqua`	`00 ff ff`	`0 255 255`	tsüaansinine
`Black`	`00 00 00`	`0 0 0`	must
`Blue`	`00 00 ff`	`0 0 255`	sinine
`Fuchsia`	`ff 00 ff`	`255 0 255`	fuksiaroosa või magentapunane
`Gray`	`80 80 80`	`128 128 128`	hall
`Green`	`00 80 00`	`0 128 0`	roheline
`Lime`	`00 ff 00`	`0 255 0`	heleroheline või laimiroheline
`Maroon`	`80 00 00`	`128 0 0`	kastanpruun või kirsipruun
`Navy`	`00 00 80`	`0 0 128`	mereväesinine
`Olive`	`80 80 00`	`128 128 0`	oliivroheline või oliivikarva
`Purple`	`80 00 80`	`255 192 203`	lilla või purpurne
`Red`	`ff 00 00`	`255 0 0`	punane
`Silver`	`c0 c0 c0`	`192 192 192`	hõbehall või hõbevalge
`Teal`	`00 80 80`	`0 128 128`	sinakasroheline
`White`	`ff ff ff`	`255 255 255`	valge
`Yellow`	`ff ff 00`	`255 255 0`	kollane

Märge *:Programmeerijad kasutavad ingliskeelseid värvinimesid, eestikeelsed on lisatud selguse mõttes. Tegelikult pole otsest vajadust tõlkida veebivärvide märksõnu, mis väljaspool veebi kasutust ei leia, eesti või muusse keelde.

Lisaks eelnimetatud VGA 16 värvinimele toetavad paljud veebibrauserid (nt alates Netscape Navigator 2.0 ning MS Internet Explorer 3.0) ka muid värvinimesid, mis pole standardiseeritud.

HTML värvide loetelu (X11 värvid, CSS värvid)

1980. aastatel loodi X Window Systemi graafiline kasutajaliides, mille värvid koos nimetustega loodi MIT-is 1984. aastal. See sisaldas algselt 69 värvi ja täienes aasta-aastalt. Et 1980. aastatel võisid värvid eri kuvaritel veel väga erineda, pandi neile meelega subjektiivsed nimed, mis muuhulgas ammutasid inspiratsiooni akrüülvärvide tootjalt Sinclair Paints ja Crayola kriitide karbist^[5].

Allpool on toodud CSS3 spetsifikatsioonis X11 värvideks nimetatud X Windows Systemi juurutatud veebivärvide nimekiri. Kõrval SVG aktsepteeritavate veebivärvide nimistu koos HEX-koodide ja värvinäidistega. Kattuvusi on teatud nimetuste osas, näiteks HTML/CSS aqua on sama mis cyan sRGB-s, sRGB magenta on sama mis fuchsia HTML-s ja CSS-s, HTML/CSS gray sama mis grey.

HTML märksõna	`R G B`

HTML märksõna	`Hex`	`Decimal`
Roosad
`Pink`	`FF C0 CB`	`255 192 203`
`LightPink`	`FF B6 C1`	`255 182 193`
`HotPink`	`FF 69 B4`	`255 105 180`
`DeepPink`	`FF 14 93`	`255 20 147`
`PaleVioletRed`	`DB 70 93`	`219 112 147`
`MediumVioletRed`	`C7 15 85`	`199 21 133`
Punased
`LightSalmon`	`FF A0 7A`	`255 160 122`
`Salmon`	`FA 80 72`	`250 128 114`
`DarkSalmon`	`E9 96 7A`	`233 150 122`
`LightCoral`	`F0 80 80`	`240 128 128`
`IndianRed`	`CD 5C 5C`	`205 92 92`
`Crimson`	`DC 14 3C`	`220 20 60`
`Firebrick`	`B2 22 22`	`178 34 34`
`DarkRed`	`8B 00 00`	`139 0 0`
`Red`	`FF 00 00`	`255 0 0`
Oranžid
`OrangeRed`	`FF 45 00`	`255 69 0`
`Tomato`	`FF 63 47`	`255 99 71`
`Coral`	`FF 7F 50`	`255 127 80`
`DarkOrange`	`FF 8C 00`	`255 140 0`
`Orange`	`FF A5 00`	`255 165 0`
Kollased
`Yellow`	`FF FF 00`	`255 255 0`
`LightYellow`	`FF FF E0`	`255 255 224`
`LemonChiffon`	`FF FA CD`	`255 250 205`
`LightGoldenrodYellow`	`FA FA D2`	`250 250 210`
`PapayaWhip`	`FF EF D5`	`255 239 213`
`Moccasin`	`FF E4 B5`	`255 228 181`
`PeachPuff`	`FF DA B9`	`255 218 185`
`PaleGoldenrod`	`EE E8 AA`	`238 232 170`
`Khaki`	`F0 E6 8C`	`240 230 140`
`DarkKhaki`	`BD B7 6B`	`189 183 107`
`Gold`	`FF D7 00`	`255 215 0`
Pruunid
`Cornsilk`	`FF F8 DC`	`255 248 220`
`BlanchedAlmond`	`FF EB CD`	`255 235 205`
`Bisque`	`FF E4 C4`	`255 228 196`
`NavajoWhite`	`FF DE AD`	`255 222 173`
`Wheat`	`F5 DE B3`	`245 222 179`
`Burlywood`	`DE B8 87`	`222 184 135`
`Tan`	`D2 B4 8C`	`210 180 140`
`RosyBrown`	`BC 8F 8F`	`188 143 143`
`SandyBrown`	`F4 A4 60`	`244 164 96`
`Goldenrod`	`DA A5 20`	`218 165 32`
`DarkGoldenrod`	`B8 86 0B`	`184 134 11`
`Peru`	`CD 85 3F`	`205 133 63`
`Chocolate`	`D2 69 1E`	`210 105 30`
`SaddleBrown`	`8B 45 13`	`139 69 19`
`Sienna`	`A0 52 2D`	`160 82 45`
`Brown`	`A5 2A 2A`	`165 42 42`
`Maroon`	`80 00 00`	`128 0 0`

HTML märksõna	`R G B`

HTML märksõna	`Hex`	`Decimal`
Rohelised
`DarkOliveGreen`	`55 6B 2F`	`85 107 47`
`Olive`	`80 80 00`	`128 128 0`
`OliveDrab`	`6B 8E 23`	`107 142 35`
`YellowGreen`	`9A CD 32`	`154 205 50`
`LimeGreen`	`32 CD 32`	`50 205 50`
`Lime`	`00 FF 00`	`0 255 0`
`LawnGreen`	`7C FC 00`	`124 252 0`
`Chartreuse`	`7F FF 00`	`127 255 0`
`GreenYellow`	`AD FF 2F`	`173 255 47`
`SpringGreen`	`00 FF 7F`	`0 255 127`
`MediumSpringGreen`	`00 FA 9A`	`0 250 154`
`LightGreen`	`90 EE 90`	`144 238 144`
`PaleGreen`	`98 FB 98`	`152 251 152`
`DarkSeaGreen`	`8F BC 8F`	`143 188 143`
`MediumAquamarine`	`66 CD AA`	`102 205 170`
`MediumSeaGreen`	`3C B3 71`	`60 179 113`
`SeaGreen`	`2E 8B 57`	`46 139 87`
`ForestGreen`	`22 8B 22`	`34 139 34`
`Green`	`00 80 00`	`0 128 0`
`DarkGreen`	`00 64 00`	`0 100 0`
Helesinised (Cyan colors)
`Aqua`	`00 FF FF`	`0 255 255`
`Cyan`	`00 FF FF`	`0 255 255`
`LightCyan`	`E0 FF FF`	`224 255 255`
`PaleTurquoise`	`AF EE EE`	`175 238 238`
`Aquamarine`	`7F FF D4`	`127 255 212`
`Turquoise`	`40 E0 D0`	`64 224 208`
`MediumTurquoise`	`48 D1 CC`	`72 209 204`
`DarkTurquoise`	`00 CE D1`	`0 206 209`
`LightSeaGreen`	`20 B2 AA`	`32 178 170`
`CadetBlue`	`5F 9E A0`	`95 158 160`
`DarkCyan`	`00 8B 8B`	`0 139 139`
`Teal`	`00 80 80`	`0 128 128`
Sinised
`LightSteelBlue`	`B0 C4 DE`	`176 196 222`
`PowderBlue`	`B0 E0 E6`	`176 224 230`
`LightBlue`	`AD D8 E6`	`173 216 230`
`SkyBlue`	`87 CE EB`	`135 206 235`
`LightSkyBlue`	`87 CE FA`	`135 206 250`
`DeepSkyBlue`	`00 BF FF`	`0 191 255`
`DodgerBlue`	`1E 90 FF`	`30 144 255`
`CornflowerBlue`	`64 95 ED`	`100 149 237`
`SteelBlue`	`46 82 B4`	`70 130 180`
`RoyalBlue`	`41 69 E1`	`65 105 225`
`Blue`	`00 00 FF`	`0 0 255`
`MediumBlue`	`00 00 CD`	`0 0 205`
`DarkBlue`	`00 00 8B`	`0 0 139`
`Navy`	`00 00 80`	`0 0 128`
`MidnightBlue`	`19 19 70`	`25 25 112`

HTML märksõna	`R G B`

HTML märksõna	`Hex`	`Decimal`
Lillad, violetsed, fuksiaroosad
`Lavender`	`E6 E6 FA`	`230 230 250`
`Thistle`	`D8 BF D8`	`216 191 216`
`Plum`	`DD A0 DD`	`221 160 221`
`Violet`	`EE 82 EE`	`238 130 238`
`Orchid`	`DA 70 D6`	`218 112 214`
`Fuchsia`	`FF 00 FF`	`255 0 255`
`Magenta`	`FF 00 FF`	`255 0 255`
`MediumOrchid`	`BA 55 D3`	`186 85 211`
`MediumPurple`	`93 70 DB`	`147 112 219`
`BlueViolet`	`8A 2B E2`	`138 43 226`
`DarkViolet`	`94 00 D3`	`148 0 211`
`DarkOrchid`	`99 32 CC`	`153 50 204`
`DarkMagenta`	`8B 00 8B`	`139 0 139`
`Purple`	`80 00 80`	`128 0 128`
`Indigo`	`4B 00 82`	`75 0 130`
`DarkSlateBlue`	`48 3D 8B`	`72 61 139`
`SlateBlue`	`6A 5A CD`	`106 90 205`
`MediumSlateBlue`	`7B 68 EE`	`123 104 238`
Valged
`White`	`FF FF FF`	`255 255 255`
`Snow`	`FF FA FA`	`255 250 250`
`Honeydew`	`F0 FF F0`	`240 255 240`
`MintCream`	`F5 FF FA`	`245 255 250`
`Azure`	`F0 FF FF`	`240 255 255`
`AliceBlue`	`F0 F8 FF`	`240 248 255`
`GhostWhite`	`F8 F8 FF`	`248 248 255`
`WhiteSmoke`	`F5 F5 F5`	`245 245 245`
`Seashell`	`FF F5 EE`	`255 245 238`
`Beige`	`F5 F5 DC`	`245 245 220`
`OldLace`	`FD F5 E6`	`253 245 230`
`FloralWhite`	`FF FA F0`	`255 250 240`
`Ivory`	`FF FF F0`	`255 255 240`
`AntiqueWhite`	`FA EB D7`	`250 235 215`
`Linen`	`FA F0 E6`	`250 240 230`
`LavenderBlush`	`FF F0 F5`	`255 240 245`
`MistyRose`	`FF E4 E1`	`255 228 225`
Hallid ja mustad
`Gainsboro`	`DC DC DC`	`220 220 220`
`LightGray`	`D3 D3 D3`	`211 211 211`
`Silver`	`C0 C0 C0`	`192 192 192`
`DarkGray`	`A9 A9 A9`	`169 169 169`
`Gray`	`80 80 80`	`128 128 128`
`DimGray`	`69 69 69`	`105 105 105`
`LightSlateGray`	`77 88 99`	`119 136 153`
`SlateGray`	`70 80 90`	`112 128 144`
`DarkSlateGray`	`2F 4F 4F`	`47 79 79`
`Black`	`00 00 00`	`0 0 0`

Veebikindlad värvid

Varased monitorid olid võimelised kuvama vaid 256 värvi, ülejäänud asendati lähima vastega. Nii valiti 1987. aastal välja 216 värvi (Palett 216, web safe colors)^[6], mille hulgas olid iga komponendi kuus võrdse asetusega varjundit. Tänapäeval on veebikindlad värvid pigem ajalooline mõiste. Praegusel ajal on enamasti kasutusel värvikuvarid 16, 24 ja 32 bitise värvisügavusega (ent kasutatakse ka monokroomseid kuvareid 16 või 256 värvusega ning värvikuvareid 256 värvusega). 24- ja 32-bitiste värvikuvaritega probleeme ei ole, 16-bitine värvisügavus pole aga standardne ning veebigraafikas võib esineda väiksemaid moonutusi. Tõsine probleem on 256 värviga kuvaritega, sest web safe colors ja VGA 256 ei sobi omavahel. Ainult VGA 16 värvustega lahendatud veebileheküljed püsivad alati, kuvari värvisügavusest sõltumatult, ühesugustena^[1].

Vaata ka

Viited

↑ ^1,0 ^1,1 "Arhiivikoopia". Originaali arhiivikoopia seisuga 13. mai 2021. Vaadatud 30. detsembril 2018.{{netiviide}}: CS1 hooldus: arhiivikoopia kasutusel pealkirjana (link)
↑ M. Tammert. Värviteooria. 2017. lk 63
↑ "Arhiivikoopia". Originaali arhiivikoopia seisuga 8. november 2018. Vaadatud 30. detsembril 2018.{{netiviide}}: CS1 hooldus: arhiivikoopia kasutusel pealkirjana (link)
↑ https://www.webstandards.org/learn/reference/charts/color_names/index.html
↑ https://arstechnica.com/information-technology/2015/10/tomato-versus-ff6347-the-tragicomic-history-of-css-color-names/
↑ "Arhiivikoopia". Originaali arhiivikoopia seisuga 8. aprill 2022. Vaadatud 30. detsembril 2018.{{netiviide}}: CS1 hooldus: arhiivikoopia kasutusel pealkirjana (link)

Välislingid

[online.ee-1] 1,0 ^1,1 "Arhiivikoopia". Originaali arhiivikoopia seisuga 13. mai 2021. Vaadatud 30. detsembril 2018.{{netiviide}}: CS1 hooldus: arhiivikoopia kasutusel pealkirjana (link)

[2] M. Tammert. Värviteooria. 2017. lk 63

[3] "Arhiivikoopia". Originaali arhiivikoopia seisuga 8. november 2018. Vaadatud 30. detsembril 2018.{{netiviide}}: CS1 hooldus: arhiivikoopia kasutusel pealkirjana (link)

[4] ttps://www.webstandards.org/learn/reference/charts/color_names/index.html

[5] ttps://arstechnica.com/information-technology/2015/10/tomato-versus-ff6347-the-tragicomic-history-of-css-color-names/

[6] "Arhiivikoopia". Originaali arhiivikoopia seisuga 8. aprill 2022. Vaadatud 30. detsembril 2018.{{netiviide}}: CS1 hooldus: arhiivikoopia kasutusel pealkirjana (link)

[1]

[2]

[3]

[4]

[5]

[6]