Tīmekļa krāsas

Tīmekļa krāsas ir krāsas, kas tiek izmantotas tīmekļa vietņu dizainā, kā arī šo krāsu aprakstīšanas un uzskaitīšanas veidi.

Ir vairāki veidi, kā izvēlēties tīmekļa vietņu daļu krāsas. Krāsas var norādīt kā RGB tripletu (trīs skaitļu kopu) heksadecimālā formātā (hex triplets). RGB triplets var veidot 16 777 216 dažādas krāsas. Daudzas izplatītas krāsas var izvēlēties arī pēc to vispārpieņemtajiem nosaukumiem angļu valodā. Bieži vien krāsu vērtību izveidei tiek izmantots krāsu rīks vai cita grafiskā programmatūra.

Pirmajās Mosaic un NetscapeNavigator versijās par krāsu sarakstu bāzi tika izmantoti X11 krāsu nosaukumi. Tas bija tāpēc, ka tās abas sākās kā X Window System lietojumprogrammas.

Katrai tīmekļa krāsai ir sava sRGB definīcija. Tas attiecas uz viena luminofora komplekta hromatiskumu, konkrēto pārneses līkni, adaptīvo balto punktu un skatīšanās apstākļiem. Tie ir izvēlēti tā, lai būtu līdzīgi daudziem reālās pasaules monitoriem un skatīšanās apstākļiem. Pat bez krāsu pārvaldības izveidotās krāsas ir diezgan tuvas dotajām vērtībām. Tomēr lietotāja aģenti var atšķirties krāsu attēlošanas precizitātes ziņā. Labāki lietotāja aģenti izmanto krāsu pārvaldību, lai radītu labāku krāsu precizitāti. Tas ir svarīgi lietojumprogrammām, kas paredzētas drukāšanai no tīmekļa.

Hex triplets

Sešciparu triplets ir sešciparu trīs baitu skaitlis, ko izmanto HTML, CSS, SVG un citās datorprogrammās, lai apzīmētu krāsas. Baiti apzīmē krāsas sarkano, zaļo un zilo daļu. Viens baits apzīmē skaitli diapazonā no 00 līdz FF jeb no 0 līdz 255 decimālskaitļos. Tas apzīmē katras krāsas sastāvdaļas mazāko (0) līdz lielāko (255) intensitāti. Sešciparu tripletu veido, savienojot trīs baitus sešciparu sistēmā šādā secībā:

1 baits: sarkanā vērtība (sarkanās krāsas tips)

2. baits: zaļā vērtība (zaļas krāsas tips)

Bajts 3: zilā vērtība (zilas krāsas tips)

Piemēram, aplūkojiet krāsu, kurā sarkanā/zaļā/zilā/zilā vērtība ir decimālskaitļi: sarkanā = 36, zaļā = 104, zilā = 160 (pelēcīgi zila krāsa). Decimālskaitļi 36, 104 un 160 ir līdzīgi attiecīgi skaitļiem 24, 68 un A0. Sešciparu tripletu iegūst, apvienojot 6 sešciparu ciparus kopā, šajā piemērā 2468A0.

HTML tīmekļa krāsas

Izstrādāts 1997. gadā, sākotnēji bija 16 krāsas. Vēlāk tika pievienota oranža krāsa, kopā 17. Sākotnējās 16 krāsas bija daļa no tā sauktā "Windows VGA šablona", kas nozīmē, ka tās ir krāsas, kuras var izmantot tādām darbībām kā izcelšana. ^[]

Krāsa	Hexadecimāle	Krāsa	Hexadecimāle	Krāsa	Hexadecimāle	Krāsa	Hexadecimāle
aqua	#00FFFF	pelēks	#808080	flote	#000080	sudrabs	#C0C0C0C0
melns	#000000	zaļš	#008000	olīvas	#808000	tējas krāsas	#008080
zils	#0000FF	kaļķis	#00FF00	violeta	#800080	balta	#FFFFFFFF
fuksija	#FF00FF	sarkanbrūns	#800000	sarkans	#FF0000	dzeltens	#FFFF00

HTML krāsa pievienota vēlāk

Krāsa	Hexadecimāle
apelsīnu	#FFA500

X11 krāsas (formulētas 1987. gadā)

Tās tiek dēvētas par "X11 tīmekļa krāsām", jo 1991. gadā tika izgudrots globālais tīmeklis.

HTML nosaukums	Hex kodsR G B	Decimālais kodsR G B
Sarkanās krāsas
Indijas sarkanais	CD 5C 5C	205 92 92
Gaiši koraļļu krāsas	F0 80 80	240 128 128
Laši	FA 80 72	250 128 114
Tumšais lasis	E9 96 7A	233 150 122
Gaišais lasis	FF A0 7A	255 160 122
Crimson	DC 14 3C	220 20 60
Sarkanais	FF 00 00 00	255 0 0
Ugunsdzēsības ķieģelis	B2 22 22	178 34 34
Tumši sarkans	8B 00 00	139 0 0
Rozā krāsas
Rozā	FF C0 CB	255 192 203
Gaiši rozā krāsā	FF B6 C1	255 182 193
Karsti rozā krāsā	FF 69 B4	255 105 180
Tumši rozā krāsā	FF 14 93	255 20 147
Vidēji violeti sarkans	C7 15 85	199 21 133
Gaiši violeti sarkans	DB 70 93	219 112 147
Oranžās krāsas
Gaišais lasis	FF A0 7A	255 160 122
Koraļļu	FF 7F 50	255 127 80
Tomātu	FF 63 47	255 99 71
OranžsSarkans	FF 45 00	255 69 0
Tumši oranžs	FF 8C 00	255 140 0
Orange	FF A5 00	255 165 0

Dzeltenās krāsas
Zelts	FF D7 00	255 215 0
Dzeltenais	FF FF 00	255 255 0
Gaiši dzeltens	FF FF FF E0	255 255 224
Citronu šifons	FF FA CD	255 250 205
Gaiši zeltaini dzeltens	FA FA FA D2	250 250 210
Papaijas pātaga	FF EF D5	255 239 213
Mocasīni	FF E4 B5	255 228 181
Persiku pīrāgs	FF DA B9	255 218 185
Gaiši zeltgani	EE E8 AA	238 232 170
Haki	F0 E6 8C	240 230 140
Tumši haki krāsas	BD B7 6B	189 183 107
Violetas krāsas
Lavanda	E6 E6 FA	230 230 250
Dadzis	D8 BF D8	216 191 216
Plūmes	DD A0 DD	221 160 221
Violeta	EE 82 EE	238 130 238
Orhidejas	DA 70 D6	218 112 214
Fuksija	FF 00 FF	255 0 255
Magenta	FF 00 FF	255 0 255
Vidēja orhideja	BA 55 D3	186 85 211
Vidēji violeta	93 70 DB	147 112 219
Ametists	99 66 CC	153 102 204
Zils violets	8A 2B E2	138 43 226
Tumši violets	94 00 D3	148 0 211
Tumšā orhideja	99 32 CC	153 50 204
Tumši purpursarkana	8B 00 8B	139 0 139
Violeta	80 00 80	128 0 128
Indigo	4B 00 82	75 0 130
Slate Blue	6A 5A CD	106 90 205
Tumši šīfera zils	48 3D 8B	72 61 139
Vidēja slānekļa zila	7B 68 EE	123 104 238

HTML nosaukums	Hex kodsR G B	Decimālais kodsR G B
Zaļās krāsas
Zaļš Dzeltens	AD FF 2F	173 255 47
Chartreuse	7F FF FF 00	127 255 0
Zaļais zāliens	7C FC 00	124 252 0
Laima	00 FF 00	0 255 0
Laima zaļš	32 CD 32	50 205 50
Gaiši zaļš	98 FB 98	152 251 152
Gaiši zaļš	90 EE 90	144 238 144
Vidēja pavasara zaļš	00 FA 9A	0 250 154
Pavasara zaļš	00 FF 7F	0 255 127
Vidēja jūras zaļa	3C B3 71	60 179 113
Jūras zaļš	2E 8B 57	46 139 87
Meža zaļš	22 8B 22	34 139 34
Zaļā	00 80 00	0 128 0
Tumši zaļš	00 64 00	0 100 0
Dzelteni zaļš	9A CD 32	154 205 50
Olive Drab	6B 8E 23	107 142 35
Olīvas	80 80 00	128 128 0
Tumši olīveļļas zaļš	55 6B 2F	85 107 47
Vidējs akvamarīns	66 CD AA	102 205 170
Tumši jūras zaļš	8F BC 8F	143 188 143
Gaiši jūras zaļš	20 B2 AA	32 178 170
Tumši zilā krāsā	00 8B 8B 8B	0 139 139
Zilganzaļš	00 80 80	0 128 128
Zilas krāsas
Aqua	00 FF FF FF	0 255 255
Zilais	00 FF FF FF	0 255 255
Gaiši zilā krāsā	E0 FF FF FF	224 255 255
Gaiši tirkīza	AF EE EE EE	175 238 238
Akvamarīns	7F FF D4	127 255 212
Tirkīza	40 E0 D0	64 224 208
Vidēja tirkīza	48 D1 CC	72 209 204
Tumši tirkīza	00 CE D1	0 206 209
Kadetu zilā krāsā	5F 9E A0	95 158 160
Tērauda zilais	46 82 B4	70 130 180
Gaiši tērauda zils	B0 C4 DE	176 196 222
Pulverzils zils	B0 E0 E6	176 224 230
Gaiši zils	AD D8 E6	173 216 230
Debesu zilais	87 CE EB	135 206 235
Gaiši debeszils	87 CE FA	135 206 250
Deep Sky Blue	00 BF FF	0 191 255
Dodger Blue	1E 90 FF	30 144 255
Rudzupuķu zilais	64 95 ED	100 149 237
Vidēja slānekļa zila	7B 68 EE	123 104 238
Karaliski zils	41 69 E1	65 105 225
Zilais	00 00 FF	0 0 255
Vidēji zils	00 00 CD	0 0 205
Tumši zils	00 00 8B	0 0 139
Jūras kara flote	00 00 80	0 0 128
Pusnakts zilais	19 19 70	25 25 112

HTML nosaukums	Hex kodsR G B	Decimālais kodsR G B
Brūnas krāsas
Kukurūzas zīda	FF F8 DC	255 248 220
Blanšētas mandeles	FF EB CD	255 235 205
Biskvīts	FF E4 C4	255 228 196
Navajo White	FF DE AD	255 222 173
Kvieši	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	188 143 143
Sandy Brown	F4 A4 60	244 164 96
Goldenrod	DA A5 20	218 165 32
Tumšā zeltkāte	B8 86 0B	184 134 11
Peru	CD 85 3F	205 133 63
Šokolāde	D2 69 1E	210 105 30
Sēdeklis Brown	8B 45 13	139 69 19
Sienna	A0 52 2D	160 82 45
Brūns	A5 2A 2A 2A	165 42 42
Maroon	80 00 00	128 0 0
Baltas krāsas
White	FF FF FF FF FF	255 255 255
Sniegs	FF FA FA FA	255 250 250
Medusrasa	F0 FF F0	240 255 240
Piparmētru krēms	F5 FF FA	245 255 250
Azure	F0 FF FF FF	240 255 255
Alise Blue	F0 F8 FF	240 248 255
Ghost White	F8 F8 F8 FF	248 248 255
Baltie dūmi	F5 F5 F5 F5	245 245 245
Seashell	FF F5 EE	255 245 238
Bēšs	F5 F5 DC	245 245 220
Vecās mežģīnes	FD F5 E6	253 245 230
Ziedu balts	FF FA F0	255 250 240
Ziloņkaula kauls	FF FF FF F0	255 255 240
Antikvariāts balts	FA EB D7	250 235 215
Veļa	FA F0 E6	250 240 230
Lavandas sārtums	FF F0 F5 F5	255 240 245
Miglaina roze	FF E4 E1	255 228 225
Pelēkas krāsas
Gainsboro	DC DC DC DC	220 220 220
Gaiši pelēks	D3 D3 D3 D3	211 211 211
Sudraba	C0 C0 C0 C0 C0	192 192 192
Tumši pelēks	A9 A9 A9 A9	169 169 169
Pelēks	80 80 80	128 128 128
Pelēks izmērs	69 69 69	105 105 105
Gaiši šīfera pelēks	77 88 99	119 136 153
Slānekļa pelēks	70 80 90	112 128 144
Tumšs šīfera pelēks	2F 4F 4F 4F	47 79 79
Black	00 00 00	0 0 0

Izvēlēto tīmekļa krāsu diagramma

Šajā diagrammā ir parādītas atlasītās HTML un X11 krāsas, kā arī atlasītās neoficiālās vienprātīgās tīmekļa krāsas, ko kopš 2002. gada izstrādājuši tīmekļa dizaineri. Ievadot kodu, izmantojot neoficiālās krāsas, ir jānorāda krāsas sešburtu kods, nevis jāraksta krāsas nosaukums.

· skatīt

· runāt

· rediģēt

Tīmekļa krāsas (saraksts)

White

sudrabs

pelēks

melns

flote

zils

cerulean

debesu zils

tirkīza

zili zaļš

lazūrainā

tējas krāsas

ciāns

dzeltens

dzintars

brūns

oranži-sarkans

sarkans

sarkanbrūns

roze

sarkani violeta

rozā

magenta

violeta

zilā un violetā krāsā

indigo

bēšs

ziloņkaula kauls

violeta

persiki

aprikožu

okra

plūmes

Jautājumi un atbildes

J: Kas ir tīmekļa krāsas?

A: Tīmekļa krāsas ir krāsas, ko izmanto tīmekļa vietņu dizainā, un šo krāsu aprakstīšanas un uzskaitīšanas veidi.

J: Cik daudz dažādu krāsu var izveidot, izmantojot RGB tripletus?

A: RGB tripleti var izveidot 16 777 216 dažādas krāsas.

J: Vai dažām no šīm krāsām ir vispārpieņemti nosaukumi angļu valodā?

A: Jā, daudzas izplatītas krāsas var izvēlēties arī pēc to vispārpieņemtajiem nosaukumiem angļu valodā.

J: Kādu programmatūru parasti izmanto krāsu vērtību radīšanai?

A: Bieži vien krāsu vērtību radīšanai izmanto krāsu rīku vai citu grafikas programmatūru.

J: Uz kādas bāzes tika izveidoti sākotnējie Mosaic un Netscape Navigator krāsu saraksti?

A: Pirmajās Mosaic un Netscape Navigator versijās par krāsu sarakstu bāzi tika izmantoti X11 krāsu nosaukumi, jo tās abas sākās kā X Window System lietojumprogrammas.

J: Ar ko sRGB ir saistīts, kad runa ir par tīmekļa krāsām?

A: Katrai tīmekļa krāsai ir sava sRGB definīcija, kas attiecas uz viena luminofora komplekta hromatiskumu, konkrēto pārneses līkni, adaptīvo balto punktu un skatīšanās apstākļiem.

J: Kā lietotāja aģenti precīzi parāda šīs krāsas?

A: Labāki lietotāja aģenti izmanto krāsu pārvaldību, lai nodrošinātu labāku krāsu precizitāti, kas ir svarīgi tīmekļa lietojumprogrammām, kuras izmanto drukāšanai.