>> 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ý. Pokud k nim přidáme černou, dostaneme CMYK- způsob přenosu barev, 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.
Pro převod čísel z jedné číselné soustavy do druhé a naopak použijte níže uvedenou kalkulačku. Maximální hodnota zde může být FF - 255 .

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í.

ČERVENÉZELENÁmodrý
0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f
...klikněte zde

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 Světlezelená
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 Slateblue Slategray
Sníh Springgreen ocelově modrá Opálení
Teal Bodlák Rajče Tyrkysový
fialový Pšenice Bílý kouř žluto zelená
Seznam malých literálů s názvy barev je poměrně rozsáhlý a více než dostatečný. Pokud chcete nastavit barvu pozadí tak neobvyklou, že ani nemá jméno, můžete použít hexadecimální hodnotu.

Použití nástroje Safe Color Picker

Bohužel na různé platformy, s různými nastaveními systému je správná reprodukce barev problém. Jde o to, že prohlížeč se vždy snaží upravit barevnou paletu dokumentu nastavení systému a monitorovací schopnosti samomícháním barev a jejich nahrazováním. 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.

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
Pohled kód Pohled kód Pohled kód Pohled kód Pohled kód Pohled kód

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

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

Některé barvy mohou být specifikovány jejich názvem pomocí názvu barvy na anglický jazyk. 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 Consortium Celosvětová Síť(English World Wide Web Consortium, W3C):

BarvanázevBarvanázev Barvanázev Barvaná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

  • Zkus to sám "

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 zbytek 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

  • 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). Hexadecimální 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, největší počet 255 palců desítková soustava odpovídá nejvyšší hodnotě FF v hexadecimální soustavě. Na rozdíl od desítkové soustavy je šestnáctkovému číslu předřazen znak libry. # , například #FF0000 se vykreslí jako červená, protože červená je nastavena na nejvyšší hodnotu (FF) a zbytek barev je nastaven na minimální hodnota(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

  • 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ý název 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.

Vlad Merževič

V HTML se barva určuje jedním ze dvou způsobů: pomocí hexadecimálního kódu a názvem některých barev. Nejčastěji používaná metoda je založena na hexadecimální soustavě, jako nejuniverzálnější.

Hexadecimální barvy

HTML používá k určení barev 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. V tabulce. 6.1 ukazuje shodu mezi desetinnými a šestnáctkovými čísly.

Čísla větší než 15 v šestnáctkové soustavě se tvoří spojením dvou čísel do jednoho (tab. 6.2). Například číslo 255 v desítkové soustavě odpovídá číslu FF v šestnáctkové soustavě.

Aby se předešlo zmatkům v definici číselné soustavy, před hexadecimálním číslem je znak libry #, například #aa69cc. V tomto případě nezáleží na velikosti písmen, takže je přípustné psát #F0F0F0 nebo #f0f0f0.

Typická barva používaná v HTML je následující.

Zde je barva pozadí webové stránky nastavena na #FA8E47. Znak libry # před číslem znamená, že je v šestnáctkové soustavě. První dvě číslice (FA) definují červenou složku barvy, třetí až čtvrtá číslice (8E) zelenou složku a poslední dvě číslice (47) modrou složku. Konečným výsledkem je tato barva.

FA + 8E + 47 = FA8E47

Každá ze tří barev – červená, zelená a modrá – může nabývat hodnot od 00 do FF, což nakonec tvoří 256 odstínů. Celkový počet barev tedy může být 256x256x256 = 16 777 216 kombinací. Barevný model založený na červené, zelené a modré složce se nazývá RGB (červená, zelená, modrá; červená, zelená, modrá). Tento model je aditivní (od add - add), ve kterém přidáním všech tří složek vznikne bílá.

Chcete-li usnadnit navigaci v hexadecimálních barvách, vezměte v úvahu některá pravidla.

  • Pokud jsou hodnoty barevných složek stejné (například: #D6D6D6), získá se šedý odstín. Čím vyšší číslo, tím světlejší barva a hodnoty se mění z #000000 (černá) na #FFFFFF (bílá).
  • Jasně červená barva se vytvoří, pokud je červená složka nastavena na maximum (FF) a zbytek složek je nastaven na nulu. Barva s hodnotou #FF0000 je nejčervenější možný červený odstín. Totéž platí pro zelenou (#00FF00) a modrou (#0000FF).
  • Žlutá (#FFFF00) se získá smícháním červené se zelenou. To je dobře vidět na barevném kolečku (obr. 6.1), které představuje primární barvy (červená, zelená, modrá) a doplňkové nebo doplňkové. Patří mezi ně žlutá, azurová a fialová (také nazývaná purpurová). Obecně lze jakoukoli barvu získat smícháním barev sousedících s ní. Takže azurová (#00FFFF) se získá kombinací modré a zelené.

Rýže. 6.1. Barevný kruh

Barvy založené na hexadecimálních hodnotách nemusí být vybrány empiricky. Vhodné pro tento účel grafický editor kteří mohou pracovat s různými barevnými modely, např. Adobe Photoshop. Na Obr. 6.2 ukazuje okno pro výběr barvy v tomto programu, čára zakroužkuje výslednou hexadecimální hodnotu aktuální barvy. Můžete jej zkopírovat a vložit do kódu.

Rýže. 6.2. Výběr barvy ve Photoshopu

Webové barvy

Pokud nastavíte kvalitu barev monitoru na 8 bitů (256 barev), bude možné zobrazit stejnou barvu různé prohlížeče svým vlastním způsobem. To souvisí se způsobem vykreslování grafiky, když prohlížeč pracuje se svou vlastní paletou a nemůže zobrazit barvu, kterou v paletě nemá. Barva je v tomto případě nahrazena kombinací pixelů jiných, jemu blízkých barev, které danou imitují. Aby barva zůstala v různých prohlížečích stejná, byla představena paleta tzv. webových barev. Webové barvy jsou barvy, u kterých pro každou složku - červená, zelená a modrá - je nastavena jedna ze šesti hodnot - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). Hexadecimální hodnota této složky je uvedena v závorce. Celkový počet barev ze všech možných kombinací dává 6x6x6 - 216 barev. Příklad webové barvy je #33FF66.

Hlavním rysem webové barvy je, že se ve všech prohlížečích zobrazuje stejně. V tento moment relevance webových barev je vzhledem ke zvýšení kvality monitorů a rozšíření jejich možností velmi malá.

Barvy podle názvu

Abyste si nepamatovali sbírku čísel, můžete místo nich použít názvy běžně používaných barev. V tabulce. 6.3 zobrazuje názvy oblíbených názvů barev.

Tab. 6.3. Názvy některých barev
Název barvy Barva Popis Hexadecimální hodnota
Černá Černá #000000
modrý Modrý #0000FF
fuchsie Světle fialová #FF00FF
šedá Tmavošedý #808080
zelená Zelená #008000
Limetka světle zelená #00FF00
kaštanové Tmavě červená #800000
námořnictvo Tmavě modrá #000080
olivový Olivový #808000
nachový Tmavě fialová #800080
Červené Červené #FF0000
stříbrný světle šedá #C0C0C0
modrozelená modrá zelená #008080
bílý Bílý #FFFFFF
žlutá Žlutá #FFFF00

Nezáleží na tom, jak barvu určíte - podle jejího názvu nebo pomocí hexadecimálních čísel. Ve svém účinku jsou tyto metody rovnocenné. Příklad 6-1 ukazuje, jak nastavit barvu pozadí a textu webové stránky.

Příklad 6.1. Barva pozadí a textu

Barvy

Ukázka textu

V tomto příkladu je barva pozadí nastavena pomocí atributu bgcolor značky a barvu textu prostřednictvím atributu text. Pro zpestření je hodnota atributu text nastavena na hexadecimální číslo a bgcolor je nastaveno na vyhrazené klíčové slovo teal .

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.

Tab. 1. Názvy barev
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 určete klíčové slovo rgb a poté v závorkách oddělených čárkami určete barevné složky, 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át HSL vytvoř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 v RGBA formáty, 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

Barvy

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!

Arrrgh!

Výsledek tento příklad znázorněno na Obr. 2.

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