Domov › Služby › Zelená rgb barva. Barvy v "MTA": co potřebujete vědět? Barevné kódy

Zelená rgb barva. Barvy v "MTA": co potřebujete vědět? Barevné kódy

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ě vznikají 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, je před hexadecimální číslo umístěn 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é určete 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 % znamená žá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 ztmaví barvu a vysoké hodnoty ji 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žití 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

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í

Okruh na pozadí vápna

Bílý text na modrém pozadí

Záhlaví na červeném pozadí

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

Okruh na pozadí vápna

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) hodnot barev 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ě používaný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.

CSS není pochopeno). Budoucí webmaster proto prostě potřebuje studovat HTML nástroje, které vám umožní změnit barvu, například za účelem vytváření jasných a barevných e-mailových zpravodajů, které přitáhnou pozornost cílového publika webu.

Tento příspěvek je poměrně dlouhý, ale dozvíte se z něj o všech technických vlastnostech práce s barvami pomocí HTML. Nahrávání začneme pochopením otázky: proč potřebujeme zvýraznit určité prvky HTML stránky barvou? Poté se budeme bavit o modelu RGB, který umožňuje nastavit barvy v HTML pomocí speciálních kódů (postupem se podíváme na desetinné barevné kódy a hexadecimální hodnoty barev HTML). Také z tohoto příspěvku se dozvíte o paletě barev a také pochopíte, proč v HTML není žádná paleta. A na konci této publikace bude příklady změny barvy pozadí, textu a odkazů.

Použití barev v HTML

Webové stránky by byly bez obrázků nudné a nezajímavé, jak jsme o tom mluvili dříve a velmi podrobně. Obrázky však mají jednu významnou nevýhodu: každý obrázek je dodatečný, a tedy další zatížení hostingu.

Chtěl bych poznamenat, že jsem k návrhu svého blogu WordPress nepoužil jediný obrázek; Stejně Dnes budeme mluvit o barvách v HTML.. Barvy v HTML se používají pro různé účely, například můžeme navrhnout rozvržení webových stránek zvýrazněním určitých položek tou či onou barvou.

Pomocí barev můžeme zaměřit pozornost našich návštěvníků na konkrétní text nebo blok webu. Všimněte si, že se také určuje pomocí barvy takovým způsobem, aby uživatel pochopil: na který odkaz již klikl, který odkaz ještě nenavštívil a na které HTML stránce se právě nachází.

Buď opatrný použití barev k návrhu HTML dokumentů, ne všechny barvy se k sobě hodí a ne každá barva bude návštěvníkům vašeho webu příjemná. Ale raději se zeptejte webdesignérů na tyto jemnosti. Tento článek vám pomůže porozumět technickým funkcím, které vám umožňují ovládat barvu prvků HTML stránky.

Neměli byste ale zapomínat na to, že design by měl být oddělený od obsahu, takže pro manipulaci s barvami na HTML stránkách je lepší použít CSS, ale o tom si povíme v jiném příspěvku. Teď uvidíme Jaké nástroje má HTML pro ovládání barev na stránkách webu?.

V IT průmyslu existuje mnoho barevných modelů pro manipulaci s barvami. Nejpoužívanějším modelem reprezentace barev je model RGB. O některých funkcích tohoto modelu si povíme zde a pro podrobnější představení RGB bude k dispozici samostatná publikace. Níže naleznete seznam barevných modelů používaných v IT (nejen HTML a CSS):

RGB model. Tento model se velmi rozšířil a je možná jedním z nejpohodlnějších a nejběžnějších způsobů manipulace s barvou prvků HTML.
Model RGBA. Tento model je velmi podobný modelu RGB, ale obsahuje barevný kanál alfa. Zvláštností modelu RGBA je, že umožňuje nastavení nejen barvu HTML elementu, ale i jeho průhlednost kvůli přítomnosti alfa kanálu. Model RGBA byl přidán do CSS3 a starší prohlížeče jej nepodporují.
Model HSL. Zvláštností modelu HSL je, že barvu nastavujeme pomocí jeho parametrů: odstín, plochost a světlost. Tento model je poněkud obtížnější pochopit než model RGB.
Model HSLA. Tento model je velmi podobný modelu HSL, ale stejně jako model RGBA umožňuje pracovat s barevným kanálem alfa, takže pomocí HSLA můžeme nastavit nejen barvu HTML elementu na stránce, ale i jeho průhlednost .
Model HSV (HSB). Tento model by neměl být zaměňován s modelem HSL. Všimněte si, že první čtyři modely lze použít v HTML nebo CSS k návrhu webových stránek, ale model HSV nikoli. HSV navrhl jeden ze zakladatelů Pixar v roce 1978 a je velmi podobný HSL.
Model CMY nebo CMYK. Tento model se používá ve všech barevných tiskárnách pro tisk. Model CMYK je založen na pravidle, že tisk probíhá na bílé listy papíru. Jakákoli barva CMYK se získá smícháním azurové (bledě modré, tyrkysové), purpurové (purpurové) a žluté. Každá barva v modelu CMY má charakteristiku krytí (množství inkoustu), měřenou v procentech. Model CMYK ale kromě tří uvedených barev používá i černou.

Všechny výše uvedené barevné modely jsou závislé na hardwaru, tedy pokud vy nastavit barvu prvku HTML pomocí modelu RGB nebo HSL, pak nelze s jistotou říci, jaký přesný odstín barvy uvidí návštěvník vašeho webu, protože monitory všech uživatelů jsou jiné a barvy předávají jinak. Všimněte si také, že všechny výše uvedené modely jsou založeny na modelu RGB a jakoukoli barvu specifikovanou v kterémkoli z modelů (kromě HSLA a RGBA kvůli přítomnosti alfa kanálu) lze převést na RGB.

Pokud mluvíme o hardwarově nezávislých modelech přenosu barev, stojí za zmínku model LAB. Dali jsme si tedy malou pauzu od práce s barvami v HTML tím, že jsme se seznámili s některými barevnými modely. Všimněte si, že prohlížeče „rozumí“ pouze prvním čtyřem modelům: HSL, RGB, HSLA a RGBA. Proto můžeme barvu prvků HTML ovládat pouze pomocí těchto modelů.

Jak se tvoří barva prvku HTML: některé vlastnosti modelu RGB

Pojďme na to přijít jak se tvoří barva elementu HTML a s některými funkcemi modelu RGB. Všimněte si, že o modelu RGB, stejně jako o dalších modelech, které se používají k návrhu webových stránek, budeme hovořit o něco později v samostatných příspěvcích.

RGB model tedy znamená červená, zelená, modrá. RGB model je založen na principu aditivity. Tento princip spočívá v tom, že pro získání jakékoli barvy se barva přidává k černé. Pro lepší pochopení si představte, že vaše obrazovka je černá stěna a máte tři reflektory: první svítí červeně, druhý zeleně a třetí modře. Jas každého reflektoru můžete upravit pomocí pravítka, na kterém jsou umístěna čísla od 0 do 255. Pokud tedy nastavíte reflektor na nulu, vypne se a nesvítí, pokud je hodnota 255, pak reflektor vytvoří nejjasnější možná barva.

Ukazuje se tedy, že pokud posvítíte červeným a zeleným reflektorem na stejný bod, všimnete si žluté skvrny na černé stěně. Pokud zkombinujete červenou a modrou, získáte fialovou, a pokud zkombinujete zelenou a modrou, bude světlý bod na černé stěně azurový, ale pokud nasměrujete všechny tři reflektory do jednoho bodu, bude světlý bod bílý.

Výše popsaný princip je základem modelu RGB a používá se k manipulaci s barvami v prvcích HTML na stránce v prohlížeči.

Atributy HTML pro změnu barvy prvků: barva pozadí prvku a barva textu uvnitř prvku

Používá se k tomu, aby byly prvky stránky jedinečné. Pomocí atributů HTML můžeme manipulovat s barvou prvků:

Barva atributu HTML. Tento atribut umožňuje změnit barvu textu uvnitř elementu HTML. Atribut může nabývat hodnot ve formě názvů barev HTML a kódů modelu RGB v hexadecimálním a desítkovém zápisu. Atribut color je jedinečný atribut HTML, který umožňuje změnit barvu textu uvnitř některých prvků HTML.
Atribut textu HTML. Tento atribut je jedinečný atribut značky . Štítek spolu se značkami A formulář . Pokud si pamatujete, uvnitř kontejneru jsou umístěny prvky, které pak prohlížeč zobrazí v oblasti zobrazení. Atribut text umožňuje specifikovat Výchozí barva textu pro celou stránku HTML.
HTML atribut bgcolor. Je to také jedinečný atribut HTML a umožňuje změnit barvu pozadí některých prvků HTML.
HTML atribut vlink. Tento atribut je jedinečný a vztahuje se pouze na značku změnit barvu odkazu, který uživatel již navštívil.
HTML atribut alink. Tento atribut je také jedinečný a vztahuje se pouze na značku . Atribut alink mění barvu aktivního odkazu HTML.
Atribut odkazu HTML. Atribut link se používá pouze ve spojení se značkou a slouží ke změně barvy odkazů HTML stránek, které uživatel ještě nenavštívil.

Poznámka: Použití atributů ke změně barvy prvků HTML se nedoporučuje, protože existují kaskádové styly, které umožňují oddělit design webové stránky od jejího obsahu.

Použití desetinných barevných kódů v HTML

Mluvili jsme tedy o tom, že jas barvy reflektoru můžete nastavit pomocí speciálního pravítka, na kterém jsou očíslované kresby od 0 do 255. Nyní se podívejme, jak nám to pomůže změnit barvu HTML prvků. Jde o to, že můžeme změnit barvu textu uvnitř prvku HTML nebo barvu pozadí v HTML pomocí desetinného kódu takto:

Pokud vytvoříte dokument HTML, ve kterém je popsán kontejner těla, jako v příkladu, uvidíte:

Barva pozadí HTML dokumentu je nyní zelená: bgcolor=”rgb (0,255,0)”.
Barva textu HTML stránky se změní na modrou: text=”rgb (0,0,255)”.
Barva HTML odkazu, který uživatel nenavštívil, bude bílá: link=”rgb (255,255,255)”.
Barvy aktuálně otevřeného odkazu budou černé: alink=”rgb (0,0,0)”.
A barva odkazu HTML, který již byl navštíven, bude červená: vlink=”rgb (255,0,0)”.

Vezměte prosím na vědomí: nikdo vám nezakazuje upravit „sílu reflektoru“ podle svého uvážení, můžete nastavit barvu HTML, například tímto způsobem:

rgb(94, 85, 50)

A získejte barvu dětského překvapení. To je zvláštnost, flexibilita a pohodlí modelu RGB. Váš monitor je černá stěna, na které svítí reflektory, a můžete upravit sílu těchto reflektorů a vytvořit všechny druhy barev pozadí, textu a odkazů pomocí atributů HTML v systému desetinného zápisu, nebo můžete také říci: pomocí desetinných barevných kódů.

Ve skutečnosti Je špatné říkat v HTML desetinné barevné kódy, správnější by bylo říci RGB desetinné barevné kódy, protože tento model se používá nejen pro navrhování webových stránek v HTML a CSS.

Hexadecimální hodnoty barev HTML

Nastavení barvy prvků HTML pomocí desítkových kódů modelu RGB není příliš pohodlné (a v tuto chvíli ne všechny prohlížeče tuto metodu manipulace s barvami podporují), protože záznam nebude nejkompaktnější nastavit barvu prvků HTML pomocí hexadecimálních hodnot. Na obrázku níže můžete vidět, jak jsou desetinné hodnoty převedeny na šestnáctkové.

Pro ty, kteří nejsou obeznámeni s hexadecimálním číselným systémem, by mělo být uvedeno malé vysvětlení, abyste mohli snadno manipulovat s barvou prvků HTML pomocí hexadecimálních kódů modelu RGB. Za prvé, desítková číselná soustava je takto pojmenována, protože libovolné číslo lze získat kombinací deseti číslic (terminologie je důležitá: mezi číslem a číslicí je rozdíl): 0, 1, 2, 3, 5, 6, 7, 8, 9.

V hexadecimální číselné soustavě lze libovolné číslo zapsat pomocí kombinace šestnácti číslic: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Pro snazší pochopení můžete předpokládat, že a je deset a f je patnáct. Například číslo šestnáct by bylo zapsáno v šestnáctkové soustavě takto: 10. A číslo 255 by bylo zapsáno jako ff.

Nyní se podívejme, jak můžeme nastavit barvu prvků HTML pomocí hexadecimálních hodnot, zopakujme náš předchozí příklad a nahradíme desetinné barevné kódy jejich hexadecimálními protějšky:

< body alink = ”#000000” link=”#ffffff” vlink=”ff0000” bgcolor=”#00ff00” text=”#0000ff”>

Poznámka: zápis barvy v HTML v hexadecimálním formátu je poněkud kompaktnější než v desítkové soustavě, to je první. Zadruhé: výkon každého reflektoru se nastavuje čísly od 0 do 255. K zápisu čísla 255 jsou potřeba dvě číslice v hexadecimálním formátu (ff = 250), takže jas každého barevného kanálu (naše reflektory se správně nazývají barevný kanál, barevný kanál) se nastavuje dvěma číslicemi od 0 do f.

Poznámka: jas každého barevného kanálu se nastavuje samostatně, ale pokud si představíme, že se jedná o jediné číslo, pak maximální možné číslo v hexadecimální číselné soustavě modelu RGB je ffffff, dá nám bílou a v v desítkové soustavě je to: 16 777 215. Tento počet barev a odstínů umožňuje nastavit/použít RGB model. Toto číslo vychází ze skutečnosti, že každý barevný kanál má 256 hodnot jasu (od 0 do 255), respektive: 256 * 256 * 256 = 16 777 215.

Hexadecimální hodnoty barev HTML jsou kompaktnější a jasnější Většina webových designérů a návrhářů rozvržení používá k manipulaci s barvami v HTML hexadecimální hodnoty, takže vám doporučujeme, abyste si nezvykali na desítkovou formu barevného zápisu, ale rovnou použili hexadecimální.

Je jasné, že zpočátku bude pro začínajícího designéra nebo designéra rozložení obtížné orientovat se v hexadecimální formě barevného zápisu, takže téměř každý grafický editor má takzvanou barevnou paletu, která vám umožní vybrat požadovanou barvu a získat její kód pro různé barevné modely v různých číselných soustavách.

Některé textové editory, jako je , mají rozšíření palety, která jsou velmi užitečná, když chcete rychle vybrat barvu a změnit ji. V tomto ohledu k tomu nemohu nic říct.

Názvy barev v HTML

Atributy HTML mohou nabývat hodnot nejen desítkové kódy a hexadecimální hodnoty, ale i speciální názvy květin. Změna barvy prvků HTML pomocí jejich názvu není dobrý nápad. Za prvé, za názvem barvy v HTML se skrývá kód modelu RGB a za druhé každý prohlížeč zobrazuje barvu prvku HTML určenou názvem jinak, záleží pouze na přání vývojářů prohlížeče.

Proto použití názvu barvy v HTML se nedoporučuje. Model RGB je závislý na hardwaru a barva určená názvem závisí na prohlížeči a dokonce i na jeho verzi. Zkusme nastavit barvu prvků HTML stránky pomocí názvu:

< body alink = ”black ”link = ”#white” vlink=”red” bgcolor=”green” text=”blue”>

Jak jste pochopili, existuje spousta barev a odstínů. Zde stojí za zmínku, že atributy HTML neumožňují nastavit přechod CSS, ale o tom budeme mluvit v jiném příspěvku. A mnoho barev v HTML má názvy. Tabulku názvů barev v HTML a jejich RGB kódů najdete na mém webu.

Výše uvedená tabulka ukazuje jakou barvu získá prvek HTML, pokud jej zadáte pomocí názvu. Tato tabulka obsahuje 16 barev a jejich názvy, které jsou schváleny W3C a měly by se zobrazovat stejně v každém prohlížeči. Ale ve skutečnosti v HTML můžete použít asi 200 názvů barev, které jsou podporovány hlavními prohlížeči, jako jsou: Opera, Chrome, Firefox, Safari, Internet Explorer (toto tvrzení je velmi kontroverzní o druhém).

Paleta barev v HTML

Ve skutečnosti v HTML není žádná barevná paleta. Připomeňme si definici slova paleta. Paleta je malá tenká deska čtyřúhelníkového nebo oválného tvaru, na které umělec míchá barvy a získává všechny druhy barev. Někdy se v paletce udělá otvor pro palec, aby se pohodlně držela. Níže naleznete obrázek palety. Proto v HTML není žádná paleta.

Ale v různých textových editorech existuje pluginy barevné paletyže pomoc rychle vybrat barvu prvku HTML. V grafických editorech je také barevná paleta, protože pro návrháře není příliš pohodlné a zábavné sedět a vypočítat: jaká barva vyjde při tom či onom jasu toho či onoho kanálu. Na obrázku níže vidíte nejjednodušší paletu editoru Malování.

Všimněte si, že mnoho modulů a pluginů palety barev umožňuje získat kód barvy nejen ve formátu RGB/RGBA, ale také ve formátu jiných modelů. Pamatovat že v HTML není žádná paleta, no, pokud nejste umělec do morku kostí a tyto barvy nazýváte paletu barev stránky HTML které byly použity k jeho zdobení (ostatně někdy paleta označuje barvy, které konkrétní umělec používá, nebo barvy, které byly použity při tvorbě konkrétního obrazu).

Naučte se měnit barvu textu v HTML

Máme hodně teorie o barvách v HTML, pojďme cvičit a zkoušet práce s barvami prvků HTML. První věc, kterou se naučíme dělat, je změnit barvu textu v HTML dokumentu pomocí speciálních atributů a značek. Otevřete libovolný editor a napište do něj následující kód:

Změna barvy textu v dokumentu HTML

Naučit se pracovat s barvami v HTML

Změna barvy textu

Pro změnu barvy textu můžeme použít jedinečný textový atribut BODY prvku a také můžeme použít prvek FONT a jeho atribut color. Tento text bude zašedlý.

< ! DOCTYPE html >

< html lang = "ru-RU" >

< head >

< meta charset = "UTF-8" >

< title >Změna barvy textu v dokumentu HTML< / title >

< link rel = "stylesheet" type = "text/css" href = "style.css" / >

< / head >

< body text = "#ff0000" >

< h1 > < font color = "rgb(0,255,0)" >Naučit se pracovat s barvami v HTML< / font > < / h1 >

< h2 > < font color = "yellow" >Změna barvy textu< / font > < / h2 >

< p >Pro změnu barvy textu můžeme použít unikátní

textový atribut BODY prvku a také použít prvek FONT

< / body >

< / html >

Tento soubor uložím jako color.html a poradím vám, abyste nezapomněli na . Zaznamenávání barvy v systému desetinných čísel není podporováno prohlížeči Chrome, Firefox a Opera, ale IE rozumí tomuto barevnému zápisu a zvýrazní záhlaví HTML zeleně:

Správná věc není změnit barvu textu v HTML, ale změnit barvu písma v HTML. O

Chuťové vjemy na webu bohužel zatím nelze zobrazovat. To se ale dá plně kompenzovat pomocí barev. Koneckonců, html barvy umožňují zobrazit jakýkoli z milionů odstínů. Tak " barevné tužky V jeho sadě jich je mnohem víc než sedm.

Barevné schéma v html

V html lze barvu zadat v několika formátech:

1. Jako hexadecimální hodnota – je použit kód uvedený v hexadecimální číselné soustavě. Takové barevné kódy v html se skládají ze tří párů hexadecimálních čísel. Každý pár je zodpovědný za nasycení odstínu svou primární barvou:

První číselný pár je zodpovědný za červenou barvu;
Druhý pár je pro obsah zelené barvy;
Ten druhý je pro svůj modrý obsah.

Na začátek kódu (před čísly) je umístěna značka hash. Toto je hexadecimální kód barvy. Kromě čísel od 1 do 9 tento číselný systém používá písmena latinské abecedy (A, B, C, D, E, F).

Například kód bílé barvy v html bude vypadat jako #FFFFFF:

2. Klíčové slovo – HTML aktuálně podporuje asi 147 klíčových slov. Ale ne všechna tato slova jsou jedinečná. Některé z nich odkazují na stejný barevný odstín.

Šedá barva je reprezentována dvěma klíčovými slovy: šedá a šedá . Jejich hexadecimální kód (HEX) je dán stejnou hodnotou #808080.

Příklad:

#808080

3. Ve formátu RGB - toto kódování barev v html je založeno na použití tří hodnot, nastavených v rozsahu od 0 do 255. Každá z nich určuje sytost odstínu jednou ze základních barev:

R – červená (červená);
G – zelená (zelená);
B – modrá (modrá).

Číslo barvy ve formátu RGB se zapisuje v následujícím tvaru: rgb(0, 210, 100).

barva pozadí:rgb(100,186,43)

4. Ve formátu RGBA - jde o vylepšený formát RGB, kde čtvrtá hodnota určuje průhlednost barvy jako desetinný zlomek od 0 do 1.

Příklad použití:

barva pozadí:rgba(100,86,143,0,2)

barva pozadí:rgba(100,86,143,0,5)

barva pozadí:rgba(100,86,143,0,8)

barva pozadí:rgba(100,86,143,1)

HTML barevné tabulky a generátory barev

S tak širokou škálou formátů nastavení barev je snadné se splést. Proto byla vynalezena speciální tabulka barev. Poskytuje 147 klíčových názvů barevných odstínů s kódy shody ve všech hlavních barevných standardech. Každé pole je navíc vybaveno lištou pro vizuální výběr barev. Jedna z těchto tabulek je uvedena na webu colorscheme.ru:

Ale i s tímto strukturováním sladění může být výběr správného odstínu obtížný. A není pravda, že tabulka barevných kódů bude obsahovat ten, který potřebujete.

Abychom tuto překážku obešli a co nejvíce usnadnili výběr správného odstínu, byly vyvinuty interaktivní webové služby. Jejich uživatelské rozhraní se může od sebe mírně lišit.

Na webu html-color-codes.info generátor barev vypadá takto:

A v rámci služby color-picker.appsmaster.co je tento nástroj implementován trochu jinak:

Sytost každé barvy v generátoru se nastavuje pomocí speciálních posuvníků. Vizuálně je odstín zobrazen barvou rámu a obdélníku na levé straně. Ve 3 polích dole je zobrazen kód barvy v základních formátech.

Ale generátor barev je k dispozici nejen na specializovaných stránkách. Téměř všechny grafické editory jsou vybaveny podobným nástrojem. Například Photoshop:

Bezpečnostní opatření při práci s barvou

A to bylo dávno, v době grafických karet, které podporovaly pouze 256 barev. V oněch vzdálených dobách mohly operační systémy zobrazit pouze určitý počet osmibitových odstínů bez zkreslení.

Poté byla vyvinuta skvělá tabulka bezpečných barev. Stanovila 216 odstínů, které bylo možné zobrazit bez zkreslení v kterémkoli z tehdejších prohlížečů. A dodnes toto" skvělý rukopis» je stále k dispozici na některých zdrojích:

V dnešní době se vše změnilo. Zcela se tedy ruší všechna bezpečnostní pravidla při práci s barvou v html. Koneckonců, moderní počítačový hardware podporuje více než 16 milionů různých odstínů. A 216 bezpečných barev upadlo v zapomnění.

Tyto údaje plně potvrzují statistiky. Soudě podle toho, v roce 2014 mělo pouze 0,5 % uživatelů počítače, které podporují pouze 256 odstínů.

Základy barevné harmonie

Ne každý z nás je obdařen přirozeným harmonickým smyslem pro chuť. Proto může být výběr správné barvy skutečným problémem. Ale, chvála vědě, dokonce se jí podařilo popsat barevnou harmonii ve formě několika schémat. Všechny jsou založeny na použití barevného kruhu. Schémata pro harmonický výběr barev v html:

Paralelní barevné schéma - když jsou oba odstíny v barevném kole paralelní;
Triadické schéma - všechny rohy trojúhelníku jsou založeny na jedné z barev;
Monochromatický - když je vybráno několik blízkých odstínů stejné barvy;
Analog je pokročilejší verze monochromatického obvodu. V tomto případě jsou odstíny stejné barvy umístěny v určité vzdálenosti.

Implementace všech těchto schémat je dobře prezentována v rámci služby paletton.com. Umožňuje vám snadno vybrat harmonickou barvu.

Minecraft kódy barvy, nebo Minecraft kódy formátování, umožní každému hráči přidávat květiny a formátovat text všemi možnými způsoby přímo v Minecraftu. Barevné kódy od &0-9 - do &a-f. Přidejte je před text. Zprávy od hráčů mohou obsahovat barevné kódy, které vám umožní přidat barvu do vašich vět.

Barvy a formátovací kódy

Znak ampersand (&) následovaný hexadecimálním číslem ve zprávách signalizuje klientovi, aby při zobrazování textu přepínal barvy. Text lze navíc formátovat pomocí znaku &, za kterým následuje písmeno. Můžete přidat různé barvy do knih, příkazových bloků, názvu serveru, popisu serveru (motd), světových jmen, značek a dokonce i jmen hráčů.

Pomocí níže uvedené barevné tabulky je velmi snadné formátovat text v konfiguracích nebo ve hře. &r slouží k resetování všech kódů, tzn. &mAAA&rBBB se zobrazí jako AAA BBB.

Pro vaše pohodlí uvádíme tabulku stávajících barevných kódů v Minecraftu:

Kód	název	Technický název	Barva symbolu				Barva stínu symbolu
Kód	název	Technický název	R	G	B	Hex	R	G	B	Hex
&0	Černá	Černá	0	0	0	000000	0	0	0	000000
&1	Tmavě modrá	tmavě modrá	0	0	170	0000 AA	0	0	42	00002A
&2	Tmavozelený	tmavozelený	0	170	0	00AA00	0	42	0	002A00
&3	Tmavě modro-zelená	dark_aqua	0	170	170	00AAA	0	42	42	002A2A
&4	Tmavě červená	tmavě červená	170	0	0	AA0000	42	0	0	2A0000
&5	Tmavě fialová	tmavě fialová	170	0	170	AA00AA	42	0	42	2A002A
&6	Zlato	zlato	255	170	0	FFAA00	42	42	0	2A2A00
&7	Šedá	šedá	170	170	170	AAAAAA	42	42	42	2A2A2A
&8	Tmavošedý	tmavě šedá	85	85	85	555555	21	21	21	151515
&9	Modrý	modrý	85	85	255	5555FF	21	21	63	15153F
&A	Zelená	zelená	85	255	85	55FF55	21	63	21	153F15
&b	Modrá zelená	aqua	85	255	255	55FFFF	21	63	63	153F3F
&C	Červené	Červené	255	85	85	FF5555	63	21	21	3F1515
&d	Světle fialová	světle fialová	255	85	255	FF55FF	63	21	63	3F153F
&E	Žlutá	žlutá	255	255	85	FFFF55	63	63	21	3F3F15
&F	Bílý	bílý	255	255	255	FFFFFF	63	63	63	3F3F3F

Někdy je to nutné podtrhnout, přeškrtnout, zvýraznit jakýkoli text. To se provádí pomocí formátování textu. Používá se přesně stejným způsobem jako barvy (uvádíme před text kód, například &lMinecraft = Minecraft.

Pro vaše pohodlí uvádíme níže tabulku formátovacích kódů: