AlegsaOnline.com

Bezpečné barvy

Autor: Leandro Alegsa

07-11-2021

Webové barvy jsou barvy používané při navrhování webových stránek a způsoby popisu a zápisu těchto barev.

Existuje několik způsobů, jak vybrat barvy pro části webových stránek. Barvy mohou být uvedeny jako RGB triplet (sada tří čísel) v hexadecimálním formátu (hexadecimální triplet). Triplet RGB může tvořit 16 777 216 různých barev. Mnoho běžných barev lze vybrat také podle jejich běžných anglických názvů. K vytvoření hodnot barev se často používá barevný nástroj nebo jiný grafický software.

První verze aplikací Mosaic a NetscapeNavigator používaly názvy barev X11 jako základ pro své seznamy barev. Bylo to proto, že obě začínaly jako aplikace systému X Window System.

Každá webová barva má svou vlastní definici sRGB. Ta se vztahuje k chromatičnosti jedné sady luminoforů, dané přenosové křivce, adaptivnímu bílému bodu a podmínkám zobrazení. Ty byly zvoleny tak, aby se podobaly mnoha monitorům a podmínkám zobrazení v reálném světě. I bez správy barev jsou vytvořené barvy poměrně blízko daným hodnotám. Uživatelští agenti se však mohou lišit věrností, s jakou barvy zobrazují. Lepší uživatelští agenti používají správu barev k vytvoření lepší věrnosti barev. To je důležité pro aplikace pro tisk z webu.

Šestnáctkový triplet

Šestnáctkový triplet je šestimístné tříbajtové číslo, které se používá v jazycích HTML, CSS, SVG a dalších počítačových programech pro znázornění barev. Tyto bajty představují červenou, zelenou a modrou část barvy. Jeden bajt představuje číslo v rozsahu 00 až FF nebo 0 až 255 v desítkové notaci. To představuje nejmenší (0) až největší (255) intenzitu každé z barevných složek. Šestnáctkový triplet se vytvoří spojením tří bajtů v šestnáctkovém zápisu v následujícím pořadí:

Byte 1: hodnota červené (typ barvy červená)

Byte 2: hodnota zelené (typ barvy zelená)

Byte 3: hodnota modré (typ barvy modrá)

Uvažujme například barvu, kde hodnoty červená/zelená/modrá jsou desetinná čísla: červená=36, zelená=104, modrá=160 (šedomodrá barva). Desetinná čísla 36, 104 a 160 jsou podobná číslům 24, 68 a A0. Šestnáctkový trojčíslí získáme spojením 6 šestnáctkových číslic dohromady, v tomto příkladu 2468A0.

Webové barvy HTML

Původně bylo v roce 1997 vytvořeno 16 barev. Později byla přidána oranžová, takže jich bylo celkem 17. Původních 16 bylo součástí něčeho, čemu se říká "šablona VGA systému Windows", což znamená, že se jedná o barvy, které lze použít pro akce, jako je zvýrazňování. ^[]

Barva	Hexadecimální	Barva	Hexadecimální	Barva	Hexadecimální	Barva	Hexadecimální
aqua	#00FFFF	šedá	#808080	námořnictvo	#000080	stříbro	#C0C0C0
černá	#000000	zelená	#008000	olivový	#808000	teal	#008080
modrá	#0000FF	limetka	#00FF00	fialová	#800080	bílá	#FFFFFF
fuchsie	#FF00FF	kaštanové	#800000	červená	#FF0000	žlutá	#FFFF00

Barva HTML přidána později

Barva	Hexadecimální
oranžová	#FFA500

Barvy X11 (formulováno v roce 1987)

Od vynálezu World Wide Webu v roce 1991 se jim říká "webové barvy X11".

Název HTML	Šestnáctkový kódR G B	Desetinný kódR G B
Červené barvy
Indická červená	CD 5C 5C	205 92 92
Světle korálová	F0 80 80	240 128 128
Losos	FA 80 72	250 128 114
Tmavý losos	E9 96 7A	233 150 122
Světlý losos	FF A0 7A	255 160 122
Crimson	DC 14 3C	220 20 60
Červená	FF 00 00	255 0 0
Ohnivá cihla	B2 22 22	178 34 34
Tmavě červená	8B 00 00	139 0 0
Růžové barvy
Růžová	FF C0 CB	255 192 203
Světle růžová	FF B6 C1	255 182 193
Horká růžová	FF 69 B4	255 105 180
Sytě růžová	FF 14 93	255 20 147
Středně fialová červená	C7 15 85	199 21 133
Bledě fialová červená	DB 70 93	219 112 147
Oranžové barvy
Světlý losos	FF A0 7A	255 160 122
Coral	FF 7F 50	255 127 80
Rajčata	FF 63 47	255 99 71
OrangeRed	FF 45 00	255 69 0
Tmavě oranžová	FF 8C 00	255 140 0
Orange	FF A5 00	255 165 0

Žluté barvy
Zlato	FF D7 00	255 215 0
Žlutá	FF FF 00	255 255 0
Světle žlutá	FF FF E0	255 255 224
Citronový šifón	FF FA CD	255 250 205
Světle zlatožlutá	FA FA D2	250 250 210
Papaya Whip	FF EF D5	255 239 213
Mokasíny	FF E4 B5	255 228 181
Peach Puff	FF DA B9	255 218 185
Bledá zlatobýl	EE E8 AA	238 232 170
Khaki	F0 E6 8C	240 230 140
Tmavě khaki	BD B7 6B	189 183 107
Fialové barvy
Levandule	E6 E6 FA	230 230 250
Bodlák	D8 BF D8	216 191 216
Švestka	DD A0 DD	221 160 221
Violet	EE 82 EE	238 130 238
Orchidej	DA 70 D6	218 112 214
Fuchsie	FF 00 FF	255 0 255
Magenta	FF 00 FF	255 0 255
Střední orchidej	BA 55 D3	186 85 211
Středně fialová	93 70 DB	147 112 219
Ametyst	99 66 CC	153 102 204
Modrá fialová	8A 2B E2	138 43 226
Tmavě fialová	94 00 D3	148 0 211
Tmavá orchidej	99 32 CC	153 50 204
Tmavě purpurová	8B 00 8B	139 0 139
Fialová	80 00 80	128 0 128
Indigo	4B 00 82	75 0 130
Břidlicově modrá	6A 5A CD	106 90 205
Tmavě břidlicově modrá	48 3D 8B	72 61 139
Středně břidlicově modrá	7B 68 EE	123 104 238

Název HTML	Šestnáctkový kódR G B	Desetinný kódR G B
Zelené barvy
Zelená Žlutá	AD FF 2F	173 255 47
Chartreuse	7F FF 00	127 255 0
Zelený trávník	7C FC 00	124 252 0
Lime	00 FF 00	0 255 0
Limetkově zelená	32 CD 32	50 205 50
Bledě zelená	98 FB 98	152 251 152
Světle zelená	90 EE 90	144 238 144
Střední jarní zelená	00 FA 9A	0 250 154
Jarní zeleň	00 FF 7F	0 255 127
Střední mořská zelená	3C B3 71	60 179 113
Mořská zeleň	2E 8B 57	46 139 87
Lesní zeleň	22 8B 22	34 139 34
Zelená	00 80 00	0 128 0
Tmavě zelená	00 64 00	0 100 0
Žlutozelená	9A CD 32	154 205 50
Olive Drab	6B 8E 23	107 142 35
Olive	80 80 00	128 128 0
Tmavě olivově zelená	55 6B 2F	85 107 47
Střední akvamarín	66 CD AA	102 205 170
Tmavě mořská zelená	8F BC 8F	143 188 143
Světle mořská zelená	20 B2 AA	32 178 170
Tmavě azurová	00 8B 8B	0 139 139
Teal	00 80 80	0 128 128
Modré barvy
Aqua	00 FF FF	0 255 255
Cyan	00 FF FF	0 255 255
Světle azurová	E0 FF FF	224 255 255
Bledě tyrkysová	AF EE EE	175 238 238
Akvamarín	7F FF D4	127 255 212
Tyrkysová	40 E0 D0	64 224 208
Středně tyrkysová	48 D1 CC	72 209 204
Tmavě tyrkysová	00 CE D1	0 206 209
Modrá kadetka	5F 9E A0	95 158 160
Ocelově modrá	46 82 B4	70 130 180
Světle modrá ocel	B0 C4 DE	176 196 222
Pudrově modrá	B0 E0 E6	176 224 230
Světle modrá	AD D8 E6	173 216 230
Nebesky modrá	87 CE EB	135 206 235
Světle modrá	87 CE FA	135 206 250
Tmavě modrá obloha	00 BF FF	0 191 255
Dodger Blue	1E 90 FF	30 144 255
Chrpová modř	64 95 ED	100 149 237
Středně břidlicově modrá	7B 68 EE	123 104 238
Královská modř	41 69 E1	65 105 225
Modrá	00 00 FF	0 0 255
Středně modrá	00 00 CD	0 0 205
Tmavě modrá	00 00 8B	0 0 139
Námořnictvo	00 00 80	0 0 128
Půlnoční modrá	19 19 70	25 25 112

Název HTML	Šestnáctkový kódR G B	Desetinný kódR G B
Hnědé barvy
Cornsilk	FF F8 DC	255 248 220
Blanšírované mandle	FF EB CD	255 235 205
Bisque	FF E4 C4	255 228 196
Navajo White	FF DE AD	255 222 173
Pšenice	F5 DE B3	245 222 179
Dřevo 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
Tmavá zlatá růže	B8 86 0B	184 134 11
Peru	CD 85 3F	205 133 63
Čokoláda	D2 69 1E	210 105 30
Hnědé sedlo	8B 45 13	139 69 19
Sienna	A0 52 2D	160 82 45
Hnědá	A5 2A 2A	165 42 42
Maroon	80 00 00	128 0 0
Bílé barvy
Bílá	FF FF FF FF	255 255 255
Sníh	FF FA FA	255 250 250
Medovník	F0 FF F0	240 255 240
Mátový krém	F5 FF FA	245 255 250
Azure	F0 FF FF	240 255 255
Alice Blue	F0 F8 FF	240 248 255
Bílý duch	F8 F8 FF	248 248 255
Bílý kouř	F5 F5 F5	245 245 245
Mušle	FF F5 EE	255 245 238
Béžová	F5 F5 DC	245 245 220
Staré krajky	FD F5 E6	253 245 230
Květinová bílá	FF FA F0	255 250 240
Ivory	FF FF F0	255 255 240
Starobílá	FA EB D7	250 235 215
Povlečení	FA F0 E6	250 240 230
Levandulová růž	FF F0 F5	255 240 245
Misty Rose	FF E4 E1	255 228 225
Šedé barvy
Gainsboro	DC DC DC	220 220 220
Světle šedá	D3 D3 D3 D3	211 211 211
Silver	C0 C0 C0 C0	192 192 192
Tmavě šedá	A9 A9 A9	169 169 169
Šedá	80 80 80	128 128 128
Dim Gray	69 69 69	105 105 105
Světle břidlicově šedá	77 88 99	119 136 153
Břidlicově šedá	70 80 90	112 128 144
Tmavě břidlicově šedá	2F 4F 4F	47 79 79
Černá	00 00 00	0 0 0

Graf vybraných webových barev

Tento graf zobrazuje vybrané barvy HTML a X11 a vybrané neoficiální konsensuální barvy webu vytvořené webovými návrháři od roku 2002. Při zadávání kódu s použitím neoficiálních barev je třeba místo názvu barvy uvést její hexadecimální kód.

· zobrazit

· diskuse

· editovat

Webové barvy (seznam)

Bílá

stříbro

šedá

černá

námořnictvo

modrá

cerulean

nebeská modř

tyrkysová

modrozelená

azure

teal

žlutá

hnědá

oranžovo-červené

červená

kaštanové

rose

růžová

fialová

slonová kost

broskev

meruňka

okrová

švestka

Otázky a odpovědi

Otázka: Jaké jsou barvy webu?

Odpověď: Webové barvy jsou barvy používané při navrhování webových stránek a způsoby popisu a výčtu těchto barev.

Otázka: Kolik různých barev lze vytvořit pomocí trojic RGB?

Odpověď: Trojicemi RGB lze vytvořit 16 777 216 různých barev.

Otázka: Existují pro některé z těchto barev běžné anglické názvy?

Odpověď: Ano, mnoho běžných barev lze vybrat i podle jejich běžných anglických názvů.

Otázka: Jaký software se obvykle používá k vytváření hodnot barev?

Odpověď: K vytváření hodnot barev se často používá nástroj pro tvorbu barev nebo jiný grafický software.

Otázka: Z čeho vycházely původní seznamy barev pro Mosaic a Netscape Navigator?

Odpověď: První verze aplikací Mosaic a Netscape Navigator používaly názvy barev X11 jako základ pro své seznamy barev, protože obě začínaly jako aplikace systému X Window System.

Otázka: Co souvisí sRGB, pokud jde o barvy webu?

Odpověď: Každá webová barva má svou vlastní definici sRGB, která se vztahuje k chromatičnosti jedné sady luminoforů, dané přenosové křivce, adaptivnímu bílému bodu a podmínkám zobrazení.

Otázka: Jak uživatelští agenti zobrazují tyto barvy přesně?

Odpověď: Lepší uživatelští agenti používají správu barev k vytvoření lepší barevné věrnosti, která je důležitá pro webové aplikace pro tisk.