Modrá fialová barva rgb. HTML výukový program. RGB barvy. Bezpečná paleta barev
>> Správa barev
Hexadecimální hodnoty barev RGB
Metody popisu a zpracování barev se od sebe liší tím, pro jaké konečné zobrazení jsou určeny. Srovnejme například znázornění barev pro polygrafii a pro počítačové monitory. V prvním případě je základ bílý barva papíru, na který jsou následně aplikovány tři základní barvy: modrý, nachový A žlutá. Mícháním mezi sebou a s bílou barvou papíru v různých poměrech dávají tyto tři základní barvy různé barevné odstíny, kromě čistě černé, nebo při úplné absenci barev dávají papíru bílý. Když k nim přidáme černou, dostaneme CMYK- způsob přenosu barvy, když se požadovaná barva získá odečtením chybějících barev od bílé.
V druhém případě je základ Černá barva obrazovky monitoru, jejíž každá buňka svítí jednou ze tří barev: Červené-Červené, zelená-zelená a modrý-modrý. Pak při úplné absenci jakéhokoli záře získáme čistě černou barvu obrazovky a jakákoliv z požadovaných barev je dána poměrem každé ze tří barev. V tomto případě dostaneme RGB- Metoda přenosu barev. Primární barvy mohou mít význam od 0
před 255
, nebo od 0%
před 100%
, nebo může být reprezentován jako hexadecimální hodnota. Na obrázku níže můžete vidět výsledky míchání základních barev.
Hexadecimální číselná soustava, na rozdíl od desítkové číselné soustavy, nemá ve své číselné řadě deset číslic, ale šestnáct – odtud název. V souladu s tím mohou být neopakující se varianty kombinací dvou číslic pouze - 256 , chcete-li pokračovat v řadě číslic po 9 dopisy od A před F, takže řádek bude vypadat takto -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
V tomto případě je barva dána třemi hexadecimálními čísly, z nichž každé se skládá ze dvou číslic. První číslo určuje intenzitu Červené barvy, průměr zelená, poslední věc- modrý barvy. Všechna čísla mohou nabývat hodnot v rozmezí od 00 před FF(od 0 do 255). Například: zelená barva je uvedena jako #00FF00, jako červená #FF0000, modrá - jako #0000FF, jako bílá #FFFFFF, úplná absence barvy nebo černé je uvedena jako #000000 .
Ve formuláři níže můžete pro každou ze tří barev nastavit libovolné hexadecimální hodnoty a kliknutím do výstupního pole zobrazit výsledek jejich smíchání.
Příklady některých hexadecimálních hodnot barev RGB: červená, modrá a zelená gradace.
Pohled | kód | Pohled | kód | Pohled | kód | Pohled | kód | Pohled | kód | Pohled | kód |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Určení barvy pomocí řetězcových literálů
Pro snadné použití byly některé barvy a jejich kombinace pojmenovány, které jsou rozpoznány všemi prohlížeči, a bylo možné mnoho z nich nastavit podle názvu. Níže uvedená tabulka ukazuje některé názvy barev:
Pohled | název | Pohled | název | Pohled | název | Pohled | název |
Bílý | Červené | oranžový | Žlutá | ||||
Zelená | Modrý | Nachový | Černá | ||||
Alice modrá | starožitná bílá | Aqua | akvamarín | ||||
Blankyt | Béžový | Bisque | blanchedalmond | ||||
Modrofialová | Hnědý | Burlywood | Kadetská modrá | ||||
chartreuse | Čokoláda | Korál | Chrpa modrá | ||||
Cornsilk | Karmínový | tyrkysová | tmavě modrá | ||||
Darkcyan | darkgoldenrod | tmavě šedá | tmavozelený | ||||
Darkkhaki | Darkmagenta | Darkolivegreen | tmavě oranžová | ||||
Darkorchid | tmavě červená | tmavý losos | Tmavomořská zelená | ||||
tmavě břidlicově modrá | tmavě břidlicově šedá | tmavě tyrkysová | Tmavě fialová | ||||
Sytě růžová | hluboká nebesky modrá | Dimgray | dodger modrá | ||||
Ohnivá cihla | Květinově bílá | lesní zeleň | Fuschia | ||||
Gainsboro | duch bílý | Zlato | Zlatobýl | ||||
Šedá | Zelená žlutá | Medovice | hotpink | ||||
Indická červená | Indigo | Slonová kost | Khaki | ||||
Levandule | Levandulový ruměnec | Lemonchiffon | světle modrá | ||||
světlý korál | světle azurová | světlochladnýrodžlutý | světle zelená | ||||
světle šedá | Světle růžová | světlý losos | Lightsea zelená | ||||
Světle nebesky modrá | Světle břidlicově šedá | světle ocelově modrá | světle žlutá | ||||
Limetka | Limetkově zelená | prádlo | Purpurová | ||||
kaštanové | střední akvamarín | středně modrá | Střední orchidej | ||||
Středně fialová | Středně zelená | Středně břidlicověmodrá | Středně jarní zelená | ||||
středně tyrkysová | středně fialová | půlnoční modrá | mátový krém | ||||
mistyrose | Navajobílá | námořnictvo | oldlace | ||||
Olivový | Olivedrab | oranžová červená | Orchidej | ||||
palegoldenrod | Bledězelená | paleturquoise | palefialová | ||||
papayawhip | Peachpuff | Peru | Růžový | ||||
Švestka | Modrý prášek | Růžově hnědá | královská modrá | ||||
sedlově hnědé | zelené moře | Mušle | Sienna | ||||
stříbrný | modrá obloha | Břidlicově modrá | Slategray | ||||
Sníh | Springgreen | ocelově modrá | Opálení | ||||
Teal | Bodlák | Rajče | Tyrkysový | ||||
fialový | Pšenice | Bílý kouř | žluto zelená |
Použití nástroje Safe Color Picker
Bohužel na různých platformách s různým nastavením systému je správná reprodukce barev problém. Jde o to, že prohlížeč se vždy snaží přizpůsobit barevnou paletu dokumentu nastavení systému a možnostem monitoru tím, že sám míchá a nahrazuje barvy. V důsledku toho někdy uživatel nevidí úplně to, co mu webmaster chtěl ukázat. Východisko z této situace se našlo v použití palety, jejíž každou barvu zaručeně vykreslí stejně všechny prohlížeče na různých platformách. Tato tzv zaručena paleta, známá také jako bezpečný paleta. Tato paleta obsahuje barvy, jejichž barevné složky nabývají následujících hodnot: 00 ,33 ,66 ,99 , CC,FF, ve všech možných 216 jejich kombinace.
Pohled | kód | Pohled | kód | Pohled | kód | Pohled | kód | Pohled | kód | Pohled | kód |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99 FF00 | 99FF33 | 99CC66 | 99 CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66 CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33 FF00 | 33 CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99 CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399 CC | 0099CC | 003333 | ||||||
99CCFF | 3399 FF | 0099FF | 6699 CC | 336699 | 006699 | ||||||
0066FF | 3366 CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699 FF | 3366FF | 0000 FF | 0000 CC | 0033CC | 000033 | ||||||
3333FF | 3300 FF | 3300 CC | 3333 CC | 000099 | 000066 | ||||||
9999 CC | 6666FF | 6666 CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999 FF | 6666FF | 6600 FF | 330099 | 330066 | ||||||
9966 CC | 9966FF | 6600 CC | 6633 CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900 FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900 CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | 9900 CC | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
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
Ampersand (&) následovaný hexadecimálním číslem ve zprávách signalizuje klientovi, aby při zobrazování textu přepínal barvy. Alternativně lze text formátovat pomocí znaku & následovaného písmenem. 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áčů.
Je velmi snadné formátovat text v konfiguracích nebo ve hře pomocí barevné tabulky níže. &r slouží k vymazá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 | ||||||
---|---|---|---|---|---|---|---|---|---|---|
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 | 00AAAA | 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, podtrhnout, zvýraznit nějaký text. K tomu se používá formátování textu. Používá se stejným způsobem jako barvy (před text, který vložíme kód, například &lMinecraft= Minecraft.
Pro vaše pohodlí uvádíme níže tabulku kódů pro formátování:
Kód | název |
---|---|
&k | kouzelný text |
&l | Náhled |
&m | Přeškrtnutý text |
&n | Podtržený text |
&Ó | Text kurzívou |
&r | Text bez formátování |
V HTML lze barvu zadat třemi způsoby:
Nastavení barvy v HTML podle 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á (černá), bílá (bílá), červená (červená), zelená (zelená), modrá (modrá) atd.:
Barva textu – červená
Nejoblíbenější barvy standardu World Wide Web Consortium (W3C) jsou:
Barva | název | Barva | název | Barva | název | Barva | název |
---|---|---|---|---|---|---|---|
Černá | Šedá | stříbrný | Bílý | ||||
Žlutá | Limetka | Aqua | Fuchsie | ||||
Červené | Zelená | Modrý | Nachový | ||||
kaštanové | Olivový | námořnictvo | Teal |
Příklad použití různých názvů barev:
Příklad: nastavení barvy podle jejího názvu
Záhlaví na červeném pozadí
Záhlaví na oranžovém pozadí
Záhlaví na pozadí vápna
Bílý text na modrém pozadí
Záhlaví na červeném pozadí
Záhlaví na oranžovém pozadí
Záhlaví na pozadí vápna
Bílý text na modrém pozadí
Určení barvy pomocí RGB
Při zobrazení různých barev na monitoru se za základ bere paleta RGB. Jakákoli barva se získá smícháním tří hlavních: R - červená, G - zelená (zelená), B - modrá (modrá). Jas každé barvy je dán jedním bytem, a proto může 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 ostatní jsou nastaveny na 0 Barvu můžete také nastavit v procentech. Každý z 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í sytost zelené barvy:
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
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 je na rozdíl od desítkové soustavy založena, jak již z názvu vyplývá, na čísle 16. V šestnáctkové soustavě se používají tyto znaky: 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 spojením dvou znaků do jedné hodnoty. Například nejvyšší číslo 255 v desítkové soustavě odpovídá nejvyšší FF v šestnáctkové soustavě. Na rozdíl od desítkové soustavy je šestnáctkovému číslu předřazen znak libry. # , například #FF0000 se zobrazí jako červená, protože červená je nastavena na nejvyšší hodnotu (FF) a ostatní barvy na minimální hodnotu (00). Znaky za symbolem hash # lze psát jak velkými, tak malými písmeny. Hexadecimální systém umožňuje používat zkrácený tvar #rgb, kde je každý znak roven dvojnásobku. Záznam #f7O by tedy měl být považován za #ff7700.
Příklad: Barva HEX
č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 | Vzorek | 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 | |
mořská zeleň | 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.
K určení barev se používají hexadecimální čísla. Hexadecimální soustava je na rozdíl od desítkové soustavy založena, jak již 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 nejasnostem v definici číselné soustavy, před hexadecimálním číslem je uveden symbol hash #, například #666999. Každá ze tří barev – červená, zelená a modrá – může nabývat hodnot od 00 do FF. Označení barvy je tedy rozděleno do tří složek #rrggbb, kdy první dva znaky označují červenou složku barvy, dva prostřední 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 názvu. V tabulce. 1 zobrazuje názvy, hexadecimální kód, hodnoty v RGB, formát HSL a popis.
název | Barva | Kód | RGB | HSL | Popis |
---|---|---|---|---|---|
bílý | #ffff 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ý |
S 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řijatelné nastavit barvu v procentech, přičemž 100 % bude odpovídat číslu 255. Nejprve je specifikováno klíčové slovo rgb a poté jsou barevné složky uvedeno v závorkách oddělených čá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ý nastavuje průhlednost prvku. Hodnota 0 je plně průhledná, 1 je neprůhledná a střední hodnota jako 0,5 je průsvitná.
RGBA je přidán do CSS3, takže validace kódu CSS by měla být prováděna podle této verze. Je třeba poznamenat, že standard CSS3 je stále ve vývoji a některé jeho funkce se mohou změnit. Například barva RGB přidaná do vlastnosti background-color projde ověřením, ale barva přidaná do vlastnosti pozadí nikoli. 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 tvořen kombinací 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° je červená, 120° je zelená a 240° je modrá. Hodnota odstínu se může lišit od 0 do 359.
Rýže. 1. Barevné kolečko
Sytost je intenzita barvy měřená v procentech od 0 % do 100 %. Hodnota 0 % znamená žádnou barvu a odstín šedé, 100 % je maximální hodnota sytosti.
Světlost nastavuje, jak jasná je barva, a je určena v procentech od 0 % do 100 %. Malé hodnoty ztmaví barvu, 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, který nastavuje průhlednost prvku. Hodnota 0 je plně průhledná, 1 je neprůhledná a střední hodnota jako 0,5 je průsvitná.
Hodnoty barev ve formátech RGBA, HSL a HSLA jsou přidány do CSS3, takže při použití těchto formátů zkontrolujte platnost kódu vůči verzi.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Varování
Všechny metody odchytu lva uvedené na stránce jsou teoretické a založené na výpočtový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ýsledek. Pamatujte, že lev je dravec a nebezpečné zvíře!
Výsledek tohoto příkladu je znázorněn na Obr. 2.
Rýže. 2. Barvy na webové stránce