666 html barva. Barvu ve stylech lze specifikovat různými způsoby: hexadecimální hodnotou, jménem, ve formátu RGB, RGBA, HSL, HSLA. Existuje několik způsobů, jak reprezentovat barvu ve webovém designu.

Barevný modul CSS podrobně popisuje hodnoty, které umožňují autorům definovat barvy a neprůhlednost prvků html a také hodnoty vlastnosti color.

vlastnost barvy

1. Prioritní barvy: vlastnost barev

Vlastnost určuje barvu písma pomocí různých systémů vykreslování barev. Vlastnost popisuje barvu textového obsahu prvku. Kromě toho se používá k poskytnutí potenciální nepřímé hodnoty (currentColor) pro jakékoli další vlastnosti, které přijímají hodnoty barev.

Nemovitost se dědí.

2. Hodnoty barev

2.1. Hlavní klíčová slova

Seznam hlavních klíčových slov obsahuje následující významy:

název	HEX	RGB
Černá	#000000	0,0,0
stříbrný	#C0C0C0	192,192,192
šedá	#808080	128,128,128
bílý	#FFFFFF	255,255,255
kaštanové	#800000	128,0,0
Červené	#FF0000	255,0,0
nachový	#800080	128,0,128
fuchsie	#FF00FF	255,0,255
zelená	#008000	0,128,0
Limetka	#00FF00	0,255,0
olivový	#808000	128,128,0
žlutá	#FFFF00	255,255,0
námořnictvo	#000080	0,0,128
modrý	#0000FF	0,0,255
modrozelená	#008080	0,128,128
aqua	#00FFFF	0,255,255

V názvech barev se nerozlišují velká a malá písmena.

Syntax

Barva: modrozelená;

2.2. Číselné hodnoty barev

2.2.1. Barvy modelu RGB

Hexadecimální formát hodnoty RGB je znak #, za kterým bezprostředně následují tři nebo šest hexadecimálních znaků. Třímístný zápis RGB #rgb se převede do šestimístného tvaru #rrggbb zkopírováním číslic namísto přidáváním nul. Například #fb0 se rozšíří na #ffbb00 . To zajišťuje, že bílá #ffffff může být specifikována v krátkém záznamu #fff, a odstraňuje všechny závislosti na barevné hloubce displeje.

Formát hodnoty RGB ve funkčním zápisu je rgb (následuje čárkou oddělený seznam tří číselných hodnot (buď tři celočíselné hodnoty nebo tři procentuální hodnoty) následovaný symbolem). Hodnota celého čísla 255 odpovídá 100 % a F nebo FF v hexadecimálním zápisu:

Rgb(255,255,255) = rgb(100 %, 100 %, 100 %) = #FFF

Kolem číselných hodnot jsou povoleny mezery.

K určení barev se používají hexadecimální čísla. Šestnáctková soustava je na rozdíl od desítkové soustavy založena, jak její název napovídá, na čísle 16. Čísla budou následující: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Čísla od 10 do 15 jsou nahrazena latinkou. Čísla větší než 15 v šestnáctkové soustavě se tvoří spojením dvou čísel do jednoho. Například číslo 255 v desítkové soustavě odpovídá číslu FF v šestnáctkové soustavě. Aby se předešlo zmatkům při určování číselné soustavy, před hexadecimální číslo se umístí symbol hash #, například #666999. Každá ze tří barev – červená, zelená a modrá – může nabývat hodnot od 00 do FF. Barevný symbol je tedy rozdělen na tři složky #rrggbb, kde první dva symboly označují červenou složku barvy, prostřední dva - zelenou a poslední dva - modrou. Je povoleno používat zkrácený tvar #rgb, kde by měl být každý znak zdvojen. Záznam #fe0 by tedy měl být považován za #ffee00.

Podle jména

internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Prohlížeče podporují některé barvy podle jejich názvu. V tabulce 1 zobrazuje názvy, hexadecimální kód, RGB, hodnoty HSL a popis.

Stůl 1. Názvy barev

název	Kód	RGB	HSL	Popis
bílý	#ffffff nebo #fff	rgb(255,255,255)	hsl(0,0%,100%)	Bílý
stříbrný	#c0c0c0	rgb(192,192,192)	hsl (0,0 %, 75 %)	Šedá
šedá	#808080	rgb(128,128,128)	hsl (0,0 %, 50 %)	Tmavošedý
Černá	#000000 nebo #000	rgb(0,0,0)	hsl(0,0%,0%)	Černá
kaštanové	#800000	rgb(128,0,0)	hsl (0,100 %, 25 %)	Tmavě červená
Červené	#ff0000 nebo #f00	rgb(255,0,0)	hsl(0,100%,50%)	Červené
oranžový	#ffa500	rgb(255,165,0)	hsl (38,8,100%,50%)	oranžový
žlutá	#ffff00 nebo #ff0	rgb(255,255,0)	hsl(60,100%,50%)	Žlutá
olivový	#808000	rgb(128,128,0)	hsl(60,100%,25%)	Olivový
Limetka	#00ff00 nebo #0f0	rgb(0,255,0)	hsl(120,100%,50%)	Světle zelená
zelená	#008000	rgb(0,128,0)	hsl(120,100%,25%)	Zelená
aqua	#00ffff nebo #0ff	rgb(0,255,255)	hsl(180,100%,50%)	Modrý
modrý	#0000ff nebo #00f	rgb(0,0,255)	hsl(240,100%,50%)	Modrý
námořnictvo	#000080	rgb(0,0,128)	hsl(240,100%,25%)	Tmavě modrá
modrozelená	#008080	rgb(0,128,128)	hsl(180,100%,25%)	Modrá zelená
fuchsie	#ff00ff nebo #f0f	rgb(255,0,255)	hsl(300,100%,50%)	Růžový
nachový	#800080	rgb(128,0,128)	hsl(300,100%,25%)	fialový

Použití RGB

internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Barvu můžete definovat pomocí hodnot červené, zelené a modré v desítkové soustavě. Každá ze tří barevných složek nabývá hodnoty od 0 do 255. Je také přípustné určit barvu v procentech, přičemž 100 % odpovídá číslu 255. Nejprve zadejte klíčové slovo rgb a poté zadejte barevné složky v závorkách , oddělené čárkami, například rgb(255, 128, 128) nebo rgb(100 %, 50 %, 50 %).

RGBA

internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

Formát RGBA je syntaxí podobný RGB, ale obsahuje alfa kanál, který určuje průhlednost prvku. Hodnota 0 je plně průhledná, 1 je neprůhledná a střední hodnota jako 0,5 je poloprůhledná.

RGBA byl přidán do CSS3, takže kód CSS musí být ověřen podle této verze. Je třeba poznamenat, že standard CSS3 je stále ve vývoji a některé funkce se mohou změnit. Například barva ve formátu RGB přidaná do vlastnosti background-color je ověřena, ale barva přidaná do vlastnosti pozadí již není platná. Prohlížeče přitom celkem správně chápou barvu pro obě vlastnosti.

HSL

internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

Název formátu HSL je odvozen od kombinace prvních písmen Hue (odstín), Saturate (sytost) a Lightness (světlost). Odstín je hodnota barvy na barevném kolečku (obr. 1) a udává se ve stupních. 0° odpovídá červené, 120° zelené a 240° modré. Hodnota odstínu se může lišit od 0 do 359.

Rýže. 1. Barevné kolečko

Sytost je intenzita barvy a měří se v procentech od 0 % do 100 %. Hodnota 0 % označuje žádnou barvu a odstín šedé, 100 % je maximální hodnota pro sytost.

Světlost určuje, jak jasná je barva, a udává se v procentech od 0 % do 100 %. Nízké hodnoty barvu ztmaví a vysoké hodnoty zesvětlí, extrémní hodnoty 0 % a 100 % odpovídají černé a bílé.

HSLA

internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

Formát HSLA je syntaxí podobný jako HSL, ale obsahuje alfa kanál pro určení průhlednosti prvku. Hodnota 0 je plně průhledná, 1 je neprůhledná a střední hodnota jako 0,5 je poloprůhledná.

Hodnoty barev RGBA, HSL a HSLA jsou přidány do CSS3, takže při používání těchto formátů zkontrolujte platnost verze kódu.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Barvy

Varování

Všechny metody odchytu lvů uvedené na stránce jsou teoretické a založené na výpočetních metodách. Autoři neručí za vaši bezpečnost při jejich používání a zříkají se jakékoli odpovědnosti za výsledky. Pamatujte, že lev je dravec a nebezpečné zvíře!

Arrrgh!

Výsledek tohoto příkladu je znázorněn na Obr. 2.

Rýže. 2. Barvy na webové stránce

Existuje několik způsobů, jak reprezentovat barvu ve webovém designu.

HEX je hexadecimální systém reprezentace barev založený na základu 16. Pro tento systém se k doplnění digitálního čísla do 16 používají arabské desetinné číslice od 0 do 9 a latinská písmena od A do F. Pro webdesign 16 primárních (klíčových) barev se používá tzv. hexadecimální kód barvy #RRGGBB, kde každý pár odpovídá za svůj podíl barvy: RR – červená, GG – zelená a BB – modrá. Každá barevná frakce se pohybuje od 00 do FF.

Dvě další reprezentace barvy ve webovém designu jsou: ve formě RGB(*,*,*), kde každý „*“ zlomek barvy je reprezentován desetinnými číslicemi od 0 do 255 a názvy barev v angličtině.

Při vytváření barevného obrázku je hlavním problémem správná reprodukce barev na různých typech počítačů, monitorů a prohlížečů. Pokud prohlížeč nedokáže správně zobrazit barvu, vybere podobnou nebo smíchá několik barev. A někdy se dá nahradit nějakou úplně jinou barvou.

Stůl 16 základních barev, které se používají ve všech prohlížečích

název	Barva	Hex	(RGB)
Aqua (mořská vlna)		#00FFFF	(000,255,255)
Černá		#000000	(000,000,000)
Modrý		#0000FF	(000,000,255)
fuchsie (purpurová)		#FF00FF	(255,000,255)
Šedá		#808080	(128,128,128)
Zelená		#008000	(000,128,000)
Limetka (světle zelená)		#00FF00	(000,255,000)
Maroon (tmavě vínová)		#800000	(128,000,000)
Námořnická (tmavě modrá)		#000080	(000,000,128)
Olivový		#808000	(128,128,000)
Nachový		#800080	(128,000,128)
Červené		#FF0000	(255,000,000)
stříbrný		#C0C0C0	(192,192,192)
Teal (šedozelená)		#008080	(000,128,128)
Bílý		#FFFFFF	(255,255,255)
Žlutá		#FFFF00	(255,255,000)

Stůl nachový barvy a její odstíny

název	Barva	Hex	(RGB)
purpurová (purpurová)		#FFCBDB	(255,203,219)
purpurová (purpurová)		#FF0099	(255,000,153)
purpurová (purpurová)		#F95A61	(249,090,097)
fuchsie (fuchsie)		#FF00FF	(255,000,255)
Mauvein (anilinová fialová)		#EF0097	(239,000,151)
lososově růžová (oranžová růžová)		#FF91A4	(255,145,164)
Cenise (odstín fialové)		#DE3163	(153,149,140)
Lilek Lilek (lilek)		#990066	(153,000,132)
Levandulová tvářenka (růžovo-levandulová)		#FFF0F5	(255,240,245)
Šeřík (lila)		#C8A2C8	(200,162,200)
purpurová (purpurová)		#FF008F	(255,000,143)
Orchidej (orchidej)		#DA70D6	(218,112,214)
Červenofialová (fialová červená)		#C71585	(199,021,133)
sangvinik (sangvinik)		#92000A	(146,000,010)
Bodlák (odstín fialové)		#D8BFD8	(185,211,238)
Fialový lilek (odstín fialové)		#991199	(153,017,153)
Rosa vivo (sytě růžová)		#FF007F	(255,000,127)
Levandule-růže (odstín fialové)		#FBA0E3	(108,123,139)
Mountbatten růžový		#997ABD	(153,122,141)

Stůl šedá barvy a její odstíny

název	Barva	Hex	(RGB)
Šedá		#808080	(128,128,128)
Šedá		#bebebe	(190,190,190)
(šedý odstín)		#858585	(133,133,133)
Šedá33		#545454	(084,084,084)
(šedá břidlice)		#708090	(112,128,144)
(Křemen)		#99958с	(153,149,140)
(Světle šedá)		#bbbbbb	(187,187,187)
(Stříbrný)		#c0c0c0	(192,192,192)
(šedo-bílá)		#f0f0f0	(240,240,240)
(Abdel-Kerimovy vousy)		#e0e0e0	(224,224,224)
Světle šedá (světle šedá)		#d3d3d3	(211,211,211)
LightStateGray()		#778899	(119,136,153)
StateGray-1 (bledá chrpa modrá1)		#c6e2ff	(198,226,255)
StateGray-2 (bledá chrpa modrá2)		#b9d3ee	(185,211,238)
StateGray3()		#9fb6cd	(159,182,205)
StateGray4()		#6c7b8b	(108,123,139)

V HTML lze barvu zadat třemi způsoby:

Nastavení barvy v HTML podle jejího názvu

Některé barvy lze specifikovat svým názvem, přičemž jako hodnotu použijete název barvy v angličtině. Nejčastější klíčová slova: černá, bílá, červená, zelená, modrá atd.:

Barva textu – červená

Nejoblíbenější barvy standardu World Wide Web Consortium (W3C):

název	název	název	název
Černá	Šedá	stříbrný	Bílý
Žlutá	Limetka	Aqua	Fuchsie
Červené	Zelená	Modrý	Nachový
Maroon	Olivový	námořnictvo	Teal

Příklad použití různých názvů barev:

Příklad: určení barvy podle jejího názvu

Zkus to sám "

Záhlaví na červeném pozadí

Záhlaví na oranžovém pozadí

Směr na vápno pozadí

Bílý text na modrém pozadí

Záhlaví na červeném pozadí

Záhlaví na oranžovém pozadí

Směr na vápno pozadí

Bílý text na modrém pozadí

Určení barvy pomocí RGB

Při zobrazování různých barev na monitoru se jako základ používá paleta RGB. Jakákoli barva se získá smícháním tří základních: R - červená, G - zelená, B - modrá. Jas každé barvy je dán jedním bytem a může tedy nabývat hodnot od 0 do 255. Například RGB(255,0,0) se zobrazí jako červená, protože červená je nastavena na nejvyšší hodnotu (255) a zbytek jsou nastaveny na 0 Barvu můžete také nastavit v procentech. Každý parametr udává úroveň jasu odpovídající barvy. Například: hodnoty rgb(127, 255, 127) a rgb(50 %, 100 %, 50 %) nastaví stejnou středně zelenou barvu:

Příklad: Určení barvy pomocí RGB

Zkus to sám "

rgb(127, 255, 127)

rgb (50 %, 100 %, 50 %)

rgb(127, 255, 127)

rgb (50 %, 100 %, 50 %)

Nastavte barvu pomocí hexadecimální hodnoty

Hodnoty R G B lze také zadat pomocí hexadecimálních (HEX) barevných hodnot ve tvaru: #RRGGBB kde RR (červená), GG (zelená) a BB (modrá) jsou hexadecimální hodnoty od 00 do FF (stejné jako desítkové 0-255 ). Šestnáctková soustava, na rozdíl od desítkové soustavy, je založena, jak její název napovídá, na čísle 16. V šestnáctkové soustavě se používají tato znaménka: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Zde jsou čísla od 10 do 15 nahrazena latinkou. Čísla větší než 15 v šestnáctkové soustavě jsou reprezentována kombinací dvou znaků do jedné hodnoty. Například nejvyšší číslo 255 v desítkové soustavě odpovídá nejvyšší hodnotě FF v šestnáctkové soustavě. Na rozdíl od desítkové soustavy je šestnáctkovému číslu předřazen symbol hash. # , například #FF0000 se zobrazí jako červená, protože červená je nastavena na nejvyšší hodnotu (FF) a zbytek barev na minimální hodnotu (00). Znaky za symbolem hash # Můžete psát jak velkými, tak malými písmeny. Hexadecimální systém umožňuje používat zkrácený tvar #rgb, kde každý znak je ekvivalentní dvojnásobku. Záznam #f7O by tedy měl být považován za #ff7700.

Příklad: HEX barva

Zkus to sám "

červená: #FF0000

zelená: #00FF00

modrá: #0000FF

červená: #FF0000

zelená: #00FF00

modrá: #0000FF

červená+zelená=žlutá: #FFFF00

červená+modrá=fialová: #FF00FF

zelená+modrá=azurová: #00FFFF

Seznam běžných barev (název, HEX a RGB):

anglické jméno	ruské jméno	HEX	RGB
Amarant	Amarant	#E52B50	229	43	80
Jantar	Jantar	#FFBF00	255	191	0
Aqua	Modrá zelená	#00FFFF	0	255	255
Blankyt	Blankyt	#007FFF	0	127	255
Černá	Černá	#000000	0	0	0
Modrý	Modrý	#0000FF	0	0	255
Modrá Bondi	Voda na pláži Bondi	#0095B6	0	149	182
Mosaz	Mosaz	#B5A642	181	166	66
Hnědý	Hnědý	#964B00	150	75	0
Cerulean	Blankyt	#007BA7	0	123	167
Tmavě jarní zelená	Tmavě jarní zelená	#177245	23	114	69
Smaragd	Smaragd	#50C878	80	200	120
Lilek	Lilek	#990066	153	0	102
Fuchsie	Fuchsie	#FF00FF	255	0	255
Zlato	Zlato	#FFD700	250	215	0
Šedá	Šedá	#808080	128	128	128
Zelená	Zelená	#00FF00	0	255	0
Indigo	Indigo	#4B0082	75	0	130
Nefrit	Nefrit	#00A86B	0	168	107
Limetka	Limetka	#CCFF00	204	255	0
Malachit	Malachit	#0BDA51	11	218	81
námořnictvo	Tmavě modrá	#000080	0	0	128
Okr	Okr	#CC7722	204	119	34
Olivový	Olivový	#808000	128	128	0
oranžový	oranžový	#FFA500	255	165	0
Broskev	Broskev	#FFE5B4	255	229	180
Dýně	Dýně	#FF7518	255	117	24
Nachový	fialový	#800080	128	0	128
Červené	Červené	#FF0000	255	0	0
Šafrán	Šafrán	#F4C430	244	196	48
Zelené moře	Zelené moře	#2E8B57	46	139	87
Bažinatá zelená	Bolotný	#ACB78E	172	183	142
Teal	Modrá zelená	#008080	0	128	128
Ultramarín	Ultramarín	#120A8F	18	10	143
fialový	fialový	#8B00FF	139	0	255
Žlutá	Žlutá	#FFFF00	255	255	0

Barevné kódy (pozadí) podle sytosti a odstínu.

Tato stránka obsahuje tabulku s klíčovými slovy, která lze použít k označení barev v takových jazycích webových vývojářů, jako jsou: HTML, CSS, JavaScript, Flash atd.

Ve starých specifikacích pro koncern WC3 bylo specifikováno pouze 16 klíčových slov, s jejichž pomocí se nastavovaly barvy v HTML a CSS. V dalších modernějších specifikacích bylo přidáno dalších 130 klíčových slov pro označení názvů barev. Následující tabulka obsahuje názvy barev a hexadecimální a RGB kódy, kterým odpovídají.

Podle pravidel CSS se v názvech barev nerozlišují velká a malá písmena. Položky barev IndianRed a indianred jsou ekvivalentní.

Za zmínku také stojí, že ze 146 klíčových slov v tabulce je v ní ve skutečnosti méně barev. Důvodem je, že některá klíčová slova odkazují na stejnou barvu. Názvy Gray a Grey tedy představují 50% kód šedé barvy #808080 a slovo Magenta je synonymem pro HTML barvu Fuchsia, odpovídající hexadecimálnímu kódu #FF00FF. Synonymní jsou také slova Aqua a Cyan, odpovídají kódu #00FFFF.

Název barvy v HTML a CSS	HEX	RGB
Červené tóny:
Indiánská červená	#CD5C5C	205, 92, 92
LightCoral	#F08080	240, 128, 128
Losos	#FA8072	250, 128, 114
Tmavý losos	#E9967A	233, 150, 122
Světlý losos	#FFA07A	255, 160, 122
Karmínový	#DC143C	220, 20, 60
Červené	#FF0000	255, 0, 0
FireBrick	#B22222	178, 34, 34
Tmavě červená	#8B0000	139, 0, 0
Růžové tóny:
Růžový	#FFC0CB	255, 192, 203
Světle růžová	#FFB6C1	255, 182, 193
HotPink	#FF69B4	255, 105, 180
Sytě růžová	#FF1493	255, 20, 147
Středně fialováČervená	#C71585	199, 21, 133
PaleVioletRed	#DB7093	219, 112, 147
Oranžové tóny:
Světlý losos	#FFA07A	255, 160, 122
Korál	#FF7F50	255, 127, 80
Rajče	#FF6347	255, 99, 71
Oranžová červená	#FF4500	255, 69, 0
Tmavě oranžová	#FF8C00	255, 140, 0
oranžový	#FFA500	255, 165, 0
Žluté tóny:
Zlato	#FFD700	255, 215, 0
Žlutá	#FFFF00	255, 255, 0
Světle žlutá	#FFFFE0	255, 255, 224
Citronový šifon	#FFFACD	255, 250, 205
Světlá Zlatá tyč Žlutá	#FAFAD2	250, 250, 210
PapayaWhip	#FFEFD5	255, 239, 213
Mokasín	#FFE4B5	255, 228, 181
PeachPuff	#FFDAB9	255, 218, 185
PaleGoldenrod	#EEE8AA	238, 232, 170
Khaki	#F0E68C	240, 230, 140
Tmavá khaki	#BDB76B	189, 183, 107
Fialové tóny:
Levandule	#E6E6FA	230, 230, 250
Bodlák	#D8BFD8	216, 191, 216
Švestka	#DDA0DD	221, 160, 221
fialový	#EE82EE	238, 130, 238
Orchidej	#DA70D6	218, 112, 214
Fuchsie	#FF00FF	255, 0, 255
Purpurová	#FF00FF	255, 0, 255
Střední orchidej	#BA55D3	186, 85, 211
Středně fialová	#9370DB	147, 112, 219
Modrofialová	#8A2BE2	138, 43, 226
Tmavě fialová	#9400D3	148, 0, 211
DarkOrchid	#9932CC	153, 50, 204
Tmavě purpurová	#8B008B	139, 0, 139
Nachový	#800080	128, 0, 128
Indigo	#4B0082	75, 0, 130
SlateBlue	#6A5ACD	106, 90, 205
DarkSlateBlue	#483D8B	72, 61, 139
Hnědé tóny:
Cornsilk	#FFF8DC	255, 248, 220
Blanšírovaná mandle	#FFEBCD	255, 235, 205
Bisque	#FFE4C4	255, 228, 196
NavajoWhite	#FFDEAD	255, 222, 173
Pšenice	#F5DEB3	245, 222, 179
BurlyWood	#DEB887	222, 184, 135
Opálení	#D2B48C	210, 180, 140
RosyBrown	#BC8F8F	188, 143, 143
SandyBrown	#F4A460	244, 164, 96
Zlatobýl	#DAA520	218, 165, 32
DarkGoldenRod	#B8860B	184, 134, 11
Peru	#CD853F	205, 133, 63
Čokoláda	#D2691E	210, 105, 30
Sedlohnědá	#8B4513	139, 69, 19
Sienna	#A0522D	160, 82, 45
Hnědý	#A52A2A	165, 42, 42
Maroon	#800000	128, 0, 0
Primární barvy:
Černá	#000000	0, 0, 0
Šedá	#808080	128, 128, 128
stříbrný	#C0C0C0	192, 192, 192
Bílý	#FFFFFF	255, 255, 255

Fuchsie	#FF00FF	255, 0, 255
Nachový	#800080	128, 0, 128
Červené	#FF0000	255, 0, 0
Maroon	#800000	128, 0, 0

Žlutá	#FFFF00	205, 92, 92
Olivový	#808000	240, 128, 128
Limetka	#00FF00	250, 128, 114
Zelená	#008000	233, 150, 122

Aqua	#00FFFF	205, 92, 92
Teal	#008080	240, 128, 128
Modrý	#0000FF	250, 128, 114
námořnictvo	#000080	233, 150, 122

Název barvy v HTML a CSS	HEX	RGB
Zelené tóny:
Zelená žlutá	#ADFF2F	173, 255, 47
Chartreuse	#7FFF00	127, 255, 0
Trávník Green	#7CFC00	124, 252, 0
Limetka	#00FF00	0, 255, 0
Limetkově zelená	#32CD32	50, 205, 50
Bledězelená	#98FB98	152, 251, 152
Světle zelená	#90EE90	144, 238, 144
Středně jarní Zelená	#00FA9A	0, 250, 154
SpringGreen	#00FF7F	0, 255, 127
Střední SeaGreen	#3CB371	60, 179, 113
Zelené moře	#2E8B57	46, 139, 87
ForestGreen	#228B22	34, 139, 34
Zelená	#008000	0, 128, 0
Tmavozelený	#006400	0, 100, 0
Žluto zelená	#9ACD32	154, 205, 50
OliveDrab	#6B8E23	107, 142, 35
Olivový	#808000	128, 128, 0
Tmavě Olivově Zelená	#556B2F	85, 107, 47
Střední akvamarín	#66CDAA	102, 205, 170
Tmavězelená	#8FBC8F	143, 188, 143
LightSeaGreen	#20B2AA	32, 178, 170
Tmavě azurová	#008B8B	0, 139, 139
Teal	#008080	0, 128, 128
Modré tóny:
Aqua	#00FFFF	0, 255, 255
Tyrkysová	#00FFFF	0, 255, 255
Světle azurová	#E0FFFF	224, 255, 255
Světle tyrkysová	#AFEEEE	175, 238, 238
Akvamarín	#7FFFD4	127, 255, 212
Tyrkysový	#40E0D0	64, 224, 208
Středně tyrkysová	#48D1CC	72, 209, 204
Tmavě tyrkysová	#00CED1	0, 206, 209
Kadet modrý	#5F9EA0	95, 158, 160
ocelově modrá	#4682B4	70, 130, 180
LightSteelBlue	#B0C4DE	176, 196, 222
Modrý prášek	#B0E0E6	176, 224, 230
Světle modrá	#ADD8E6	173, 216, 230
Modrá obloha	#87CEEB	135, 206, 235
LightSkyBlue	#87CEFA	135, 206, 250
DeepSkyBlue	#00BFFF	0, 191, 255
Dodger Blue	#1E90FF	30, 144, 255
Chrpa Modrá	#6495ED	100, 149, 237
MediumSlateBlue	#7B68EE	123, 104, 238
Královská modrá	#4169E1	65, 105, 225
Modrý	#0000FF	0, 0, 255
Středně modrá	#0000 CD	0, 0, 205
Tmavě modrá	#00008B	0, 0, 139
námořnictvo	#000080	0, 0, 128
Půlnoční modrá	#191970	25, 25, 112
Bílé tóny:
Bílý	#FFFFFF	255, 255, 255
Sníh	#FFFAFA	255, 250, 250
Medovice	#F0FFF0	240, 255, 240
Mátový krém	#F5FFFA	245, 255, 250
Blankyt	#F0FFFF	240, 255, 255
AliceBlue	#F0F8FF	240, 248, 255
GhostWhite	#F8F8FF	248, 248, 255
Bílý kouř	#F5F5F5	245, 245, 245
Mušle	#FFF5EE	255, 245, 238
Béžový	#F5F5DC	245, 245, 220
OldLace	#FDF5E6	253, 245, 230
Květinově bílá	#FFFAF0	255, 250, 240
Slonová kost	#FFFFFF0	255, 255, 240
AntiqueWhite	#FAEBD7	250, 235, 215
Prádlo	#FAF0E6	250, 240, 230
Levandulová tvářenka	#FFF0F5	255, 240, 245
MistyRose	#FFE4E1	255, 228, 225
Šedé tóny:
Gainsboro	#DCDCDC	220, 220, 220
Světle šedá	#D3D3D3	211, 211, 211
Světle šedá	#D3D3D3	211, 211, 211
stříbrný	#C0C0C0	192, 192, 192
Tmavě šedá	#A9A9A9	169, 169, 169
Tmavošedý	#A9A9A9	169, 169, 169
Šedá	#808080	128, 128, 128
Šedá	#808080	128, 128, 128
DimGray	#696969	105, 105, 105
DimGrey	#696969	105, 105, 105
LightSlateGray	#778899	119, 136, 153
LightSlateGrey	#778899	119, 136, 153
Břidlicově šedá	#708090	112, 128, 144
Břidlicově šedá	#708090	112, 128, 144
DarkSlateGray	#2F4F4F	47, 79, 79
DarkSlateGrey	#2F4F4F	47, 79, 79
Černá	#000000	0, 0, 0

666 html barva. Barvu ve stylech lze specifikovat různými způsoby: hexadecimální hodnotou, jménem, ​​ve formátu RGB, RGBA, HSL, HSLA. Existuje několik způsobů, jak reprezentovat barvu ve webovém designu.

vlastnost barvy

1. Prioritní barvy: vlastnost barev

2. Hodnoty barev

2.1. Hlavní klíčová slova

2.2. Číselné hodnoty barev

2.2.1. Barvy modelu RGB

Podle jména

Použití RGB

RGBA

HSL

HSLA

Varování

Existuje několik způsobů, jak reprezentovat barvu ve webovém designu.

Nastavení barvy v HTML podle jejího názvu

Příklad: určení barvy podle jejího názvu

Záhlaví na červeném pozadí

Záhlaví na oranžovém pozadí

Směr na vápno pozadí

Bílý text na modrém pozadí

Záhlaví na červeném pozadí

Záhlaví na oranžovém pozadí

Směr na vápno pozadí

Bílý text na modrém pozadí

Určení barvy pomocí RGB

Příklad: Určení barvy pomocí RGB

rgb(127, 255, 127)

rgb (50 %, 100 %, 50 %)

rgb(127, 255, 127)

rgb (50 %, 100 %, 50 %)

Nastavte barvu pomocí hexadecimální hodnoty

Příklad: HEX barva

červená: #FF0000

zelená: #00FF00

modrá: #0000FF

červená: #FF0000

zelená: #00FF00

modrá: #0000FF

červená+zelená=žlutá: #FFFF00

červená+modrá=fialová: #FF00FF

zelená+modrá=azurová: #00FFFF

666 html barva. Barvu ve stylech lze specifikovat různými způsoby: hexadecimální hodnotou, jménem, ve formátu RGB, RGBA, HSL, HSLA. Existuje několik způsobů, jak reprezentovat barvu ve webovém designu.