Lilac kód. HTML tutoriál. RGB barvy. Bezpečná paleta barev. CSS barvy – hodnoty RGB
Tabulka (paleta) barev html vám dává možnost nezávisle si vybrat tón, který potřebujete. Hodnota barvy se zobrazuje ve třech formátech: Hex, RGB a HSV.
- Hex se skládá ze tří dvouznakových hodnot v hexadecimálním číselném systému. Například: #ff00b3, kde první dvojice čísel je červená, druhá je zelená a třetí je modrá.
- RGB (RedGreenBlue) má tvar „200,100,255“, udávající množství odpovídajícího tónu (červená, zelená, modrá) ve výsledné barvě.
- HSV (Hue, Saturation, Value - tón, sytost, hodnota) - barevný model, ve kterém jsou souřadnice:
- Hue - barevný tón, může se lišit od 0° do 360°.
- Saturation - sytost, pohybuje se od 0-100 nebo 0-1. Čím vyšší je tento parametr, tím je barva „čistší“, proto se tomuto parametru někdy říká čistota barev. A čím blíže je tento parametr nule, tím blíže je barva neutrální šedé.
- Hodnota (hodnota barvy) - nastavuje jas, hodnota se také může pohybovat mezi 0-100 nebo 0-1.
Zadejte kód barvy: JÍT
Seznam barev s názvy
V tabulce jsou uvedeny anglické názvy barev (které lze použít jako hodnoty) podporované všemi prohlížeči a jejich hexadecimální hodnoty. Všechny uvedené barvy jsou „bezpečné“, což znamená, že se budou zobrazovat stejně ve všech prohlížečích.
Název barvy | HEX | Barva |
---|---|---|
Černá | #000000 | |
námořnictvo | #000080 | |
Tmavě modrá | #00008B | |
Středně modrá | #0000 CD | |
Modrý | #0000FF | |
Tmavozelený | #006400 | |
Zelená | #008000 | |
Teal | #008080 | |
Tmavě azurová | #008B8B | |
DeepSkyBlue | #00BFFF | |
Tmavě tyrkysová | #00CED1 | |
Středně jarní Zelená | #00FA9A | |
Limetka | #00FF00 | |
SpringGreen | #00FF7F | |
Aqua | #00FFFF | |
Tyrkysová | #00FFFF | |
Půlnoční modrá | #191970 | |
DodgerBlue | #1E90FF | |
LightSeaGreen | #20B2AA | |
ForestGreen | #228B22 | |
Zelené moře | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
Limetkově zelená | #32CD32 | |
Střední SeaGreen | #3CB371 | |
Tyrkysový | #40E0D0 | |
Královská modrá | #4169E1 | |
ocelově modrá | #4682B4 | |
DarkSlateBlue | #483D8B | |
Středně tyrkysová | #48D1CC | |
Indigo | #4B0082 | |
Tmavě Olivově Zelená | #556B2F | |
CadetBlue | #5F9EA0 | |
Chrpa Modrá | #6495ED | |
Střední AquaMarine | #66CDAA | |
DimGray | #696969 | |
Břidlicově modrá | #6A5ACD | |
OliveDrab | #6B8E23 | |
Břidlicově šedá | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
Trávník Green | #7CFC00 | |
Chartreuse | #7FFF00 | |
Akvamarín | #7FFFD4 | |
Maroon | #800000 | |
Nachový | #800080 | |
Olivový | #808000 | |
Šedá | #808080 | |
Modrá obloha | #87CEEB | |
LightSkyBlue | #87CEFA | |
Modrofialová | #8A2BE2 | |
Tmavě červená | #8B0000 | |
Tmavě purpurová | #8B008B | |
Sedlohnědá | #8B4513 | |
Tmavězelená | #8FBC8F | |
Světle zelená | #90EE90 | |
Středně fialová | #9370D8 | |
Tmavě fialová | #9400D3 | |
Bledězelená | #98FB98 | |
DarkOrchid | #9932CC | |
Žluto zelená | #9ACD32 | |
Sienna | #A0522D | |
Hnědý | #A52A2A | |
Tmavě šedá | #A9A9A9 | |
Světle modrá | #ADD8E6 | |
Zelená žlutá | #ADFF2F | |
Světle tyrkysová | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
Modrý prášek | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
Střední orchidej | #BA55D3 | |
RosyBrown | #BC8F8F | |
Tmavá khaki | #BDB76B | |
stříbrný | #C0C0C0 | |
Středně fialováČervená | #C71585 | |
Indiánská červená | #CD5C5C | |
Peru | #CD853F | |
Čokoláda | #D2691E | |
Opálení | #D2B48C | |
Světle šedá | #D3D3D3 | |
PaleVioletRed | #D87093 | |
Bodlák | #D8BFD8 | |
Orchidej | #DA70D6 | |
GoldenRod | #DAA520 | |
Karmínový | #DC143C | |
Gainsboro | #DCDCDC | |
Švestka | #DDA0DD | |
BurlyWood | #DEB887 | |
Světle azurová | #E0FFFF | |
Levandule | #E6E6FA | |
Tmavý losos | #E9967A | |
fialový | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
Khaki | #F0E68C | |
AliceBlue | #F0F8FF | |
Medovice | #F0FFF0 | |
Blankyt | #F0FFFF | |
SandyBrown | #F4A460 | |
Pšenice | #F5DEB3 | |
Béžový | #F5F5DC | |
Bílý kouř | #F5F5F5 | |
Mátový krém | #F5FFFA | |
GhostWhite | #F8F8FF | |
Losos | #FA8072 | |
AntiqueWhite | #FAEBD7 | |
Prádlo | #FAF0E6 | |
LightGoldenRodŽlutá | #FAFAD2 | |
OldLace | #FDF5E6 | |
Červené | #FF0000 | |
Fuchsie | #FF00FF | |
Purpurová | #FF00FF | |
Sytě růžová | #FF1493 | |
Oranžová červená | #FF4500 | |
Rajče | #FF6347 | |
HotPink | #FF69B4 | |
Korál | #FF7F50 | |
Tmavooranžová | #FF8C00 | |
Světlý losos | #FFA07A | |
oranžový | #FFA500 | |
Světle růžová | #FFB6C1 | |
Růžový | #FFC0CB | |
Zlato | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoWhite | #FFDEAD | |
Mokasín | #FFE4B5 | |
Bisque | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Blanšírovaná mandle | #FFEBCD | |
PapayaWhip | #FFEFD5 | |
Levandulová tvářenka | #FFF0F5 | |
Mušle | #FFF5EE | |
Cornsilk | #FFF8DC | |
Citronový šifon | #FFFACD | |
Květinově bílá | #FFFAF0 | |
Sníh | #FFFAFA | |
Žlutá | #FFFF00 | |
Světle žlutá | #FFFFE0 | |
Slonová kost | #FFFFFF0 | |
Bílý | #FFFFFF |
Barvy HTML jsou označeny šesti znaky za lomítkem – například #000000. Těchto šest symbolů představuje proporce různých barev (červená, zelená, modrá) v konečné barvě. Na monitoru vašeho počítače se obraz tvoří z velkého množství bodů, kterým se říká pixely. Každý pixel je malý světelný zdroj, říkejme mu „baterka“, který se zase skládá ze tří baterek – červené, zelené a modré. Snížením nebo zvýšením intenzity svitu jednotlivých barevných baterek získáme požadovanou barvu.
HTML barevné kódy
Barvy v HTML jsou reprezentovány hexadecimálním (HEX) zápisem červené, modré a zelené (RGB).
Nejmenší hodnota barvy je 0 (hexadecimálně 00). Nejvyšší hodnota barvy je 255 (hex FF).
Hexadecimální hodnota barvy jsou tři číslice začínající znakem #.
Barevné kódy (významy)
Barva | HEX kód | RGB kód |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0,255,255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
16 milionů odstínů
Kombinací červené, modré a zelené s hodnotami v rozmezí od 0 do 255 pro procento každé barvy vznikne celkem více než 16 milionů odstínů (256 x 256 x 256).
Většina moderních monitorů je schopna zobrazit minimálně 16 384 různých odstínů (LCD monitory jsou obecně schopny zobrazit 262 tisíc 16 milionů (aktualizováno v říjnu 2013) barev a CRT monitory mohou zobrazovat prakticky neomezený počet barev).
Tabulka barev níže ukazuje změnu podílu červené z 0 na 255 s nulovými hodnotami pro modrou a zelenou:
Červené | HEX kód | RGB kód |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
Odstíny šedi
K získání odstínů šedé se použijí stejné podíly všech barev. Abychom vám usnadnili výběr správné barvy, poskytujeme vám kódy odstínů šedé
Odstíny šedi | HEX kód | RGB kód |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
Názvy barev HTML pro různé prohlížeče (všechny prohlížeče).
Sbírka 150 názvů barev v html, podporovaná ve všech prohlížečích.
Standardizované názvy barev
W3C uvádí 16 platných názvů barev pro HTML a CSS: aqua, černá, modrá, fuchsiová, šedá, zelená, limetková, kaštanová (kaštanová), navy (ultramarínová), olivová (olivová), fialová (fialová), červená (červená) , stříbrná (stříbrná), modrozelená (šedá), bílá (bílá) a žlutá (žlutá).
Při použití barev, které nejsou uvedeny v tomto seznamu, je správnější použít jejich hexadecimální (HEX) kód nebo RGB kód.
Bezpečné barvy
Před několika lety, kdy počítače mohly podporovat maximálně 256 různých barev, byl navržen seznam 216 „Web Safe Colors“ se 40 barvami vyhrazenými pro systém.
Tato paleta 216 barev byla vytvořena, aby správně zobrazovala barvy v režimu palety 256 barev.
Nyní na tom nezáleží, protože většina počítačů po celém světě podporuje miliony odstínů barev. V každém případě zde je seznam těchto barev:
000000 | 000033 | 000066 | 000099 | 0000 CC | 0000 FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300 CC | 3300 FF |
333300 | 333333 | 333366 | 333399 | 3333 CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366 CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399 CC | 3399 FF |
33 CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33 FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600 CC | 6600 FF |
663300 | 663333 | 663366 | 663399 | 6633 CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666 CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699 CC | 6699 FF |
66 CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900 CC | 9900 FF |
993300 | 993333 | 993366 | 993399 | 9933 CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966 CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999 CC | 9999 FF |
99 CC00 | 99CC33 | 99CC66 | 99CC99 | 99 CCCC | 99CCFF |
99 FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
9900 CC | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
U html stránek se barvy uvádějí hlavně v šestnáctkové soustavě. K tomu slouží dva typy záznamu kódu – plný nebo zkrácený. Chcete-li správně uvést plnou barvu html, musíte za značku hash napsat šest znaků (číslice a/nebo anglická písmena), například černá se píše takto: #000000. Zkratka pro specifikaci html barev se skládá z hash a tří čísel a/nebo písmen za ním. Tento typ zásob je však možné použít pouze v případě, že úplný záznam dané barvy sestává ze shodných symbolů za značkou hash. Stejnou černou barvu lze zapsat například takto: #000. Barvy html můžete zadat pomocí velkých i malých znaků, protože nerozlišují velká a malá písmena.
Každý znak napsaný za „#“ odpovídá určitému podílu barev červené, zelené a modré. Všechny monitory se zase skládají z velkého počtu pixelů (mikroskopických bodů), z nichž každý obsahuje 3 takzvané „baterky“ (světelné zdroje): červený, zelený a modrý. Poté nastavením intenzity světla vyzařovaného těmito „baterkami“ monitor zobrazí barvu, kterou potřebujeme.
Kombinací intenzity vyzařování červeného, modrého a zeleného světla (od 0 do 256) mohou monitory zobrazit 16 000 000 různých odstínů.
Také barvy pro webové stránky mohou být uvedeny verbálně nebo v kódu RGB.
Dnes lze slovně napsat 147 barev. Je důležité vědět, že některé různé názvy mohou znamenat stejné barvy, například šedá a šedá jsou barva šedá (#808080).
Bezpečné barvy pro webové stránky.
Ne každý monitor a prohlížeč dokáže správně zobrazit všech 16 milionů html barev.
Pokud například narazíte na barvu, kterou prohlížeč nedokáže správně zobrazit, pak:
- Prohlížeč jej nahradí tím, který je mu nejpodobnější a lze jej úspěšně reprodukovat;
- Pro správné zobrazení může prohlížeč smíchat několik barev a reprodukovat výsledek.
Abyste zajistili, že výstup v jakémkoli prohlížeči a na jakémkoli monitoru bude mít barvu, kterou jste zadali v kódu, doporučujeme použít „Bezpečné barvy“. Nebyly určeny ručně nebo přáním někoho jiného, ale matematicky. Takových 100% bezpečných barev pro HTML dokumenty existuje 216. A přestože dnešní technologie dosáhly bodu, kdy moderní monitory a prohlížeče rozpoznávají miliony odstínů, doporučujeme používat tyto bezpečné barvy, aby bylo zaručeno barevné podání.
Hexadecimální systém barev. | Barevné kódy v RGB (červená, zelená, modrá). |
HTML kód barvy: #000000 | Barva RGB: 0 0 0 |
HTML kód barvy: #333333 | Barva RGB: 51 51 51 |
HTML kód barvy: #666666 | Barva RGB: 102 102 102 |
HTML kód barvy: #999999 | Barva RGB: 153 153 153 |
HTML kód barvy: #CCCCCC | Barva RGB: 204 204 204 |
HTML kód barvy: #FFFFFF | Barva RGB: 255 255 255 |
HTML kód barvy: #666600 | Barva RGB: 102 102 0 |
HTML kód barvy: #999900 | Barva RGB: 153 153 0 |
HTML kód barvy: #999933 | Barva RGB: 153 153 51 |
HTML kód barvy: #999966 | Barva RGB: 153 153 102 |
HTML kód barvy: #CCCC33 | Barva RGB: 204 204 51 |
HTML kód barvy: #CCCC66 | Barva RGB: 204 204 102 |
HTML kód barvy: #333300 | Barva RGB: 51 51 0 |
HTML kód barvy: #666633 | Barva RGB: 102 102 51 |
HTML kód barvy: #CCCC99 | Barva RGB: 204 204 153 |
HTML kód barvy: #CCFF33 | Barva RGB: 204 255 51 |
HTML kód barvy: #CCFF00 | Barva RGB: 204 255 0 |
HTML kód barvy: #CCFF66 | Barva RGB: 204 255 102 |
HTML kód barvy: #669900 | Barva RGB: 102 153 0 |
HTML kód barvy: #99CC33 | Barva RGB: 153 204 51 |
HTML kód barvy: #99CC00 | Barva RGB: 153 204 0 |
HTML kód barvy: #99CC66 | Barva RGB: 153 204 102 |
HTML kód barvy: #99FF33 | Barva RGB: 153 255 51 |
HTML kód barvy: #99FF00 | Barva RGB: 153 255 0 |
HTML kód barvy: #336600 | Barva RGB: 51 102 0 |
HTML kód barvy: #669933 | Barva RGB: 102 153 51 |
HTML kód barvy: #66CC33 | Barva RGB: 102 204 51 |
HTML kód barvy: #66CC00 | Barva RGB: 102 204 0 |
HTML kód barvy: #99FF66 | Barva RGB: 153 255 102 |
HTML kód barvy: #CCFF99 | Barva RGB: 204 255 153 |
HTML kód barvy: #009900 | Barva RGB: 0 153 0 |
HTML kód barvy: #339900 | Barva RGB: 51 153 0 |
HTML kód barvy: #33CC00 | Barva RGB: 51 204 0 |
HTML kód barvy: #33FF00 | Barva RGB: 51 255 0 |
HTML kód barvy: #66FF33 | Barva RGB: 102 255 51 |
HTML kód barvy: #66FF00 | Barva RGB: 102 255 0 |
HTML kód barvy: #00CC33 | Barva RGB: 0 204 51 |
HTML kód barvy: #33CC33 | Barva RGB: 51 204 51 |
HTML kód barvy: #00CC00 | Barva RGB: 0 204 0 |
HTML kód barvy: #00FF00 | Barva RGB: 0 255 0 |
HTML kód barvy: #00FF33 | Barva RGB: 0 255 51 |
HTML kód barvy: #33FF33 | Barva RGB: 51 255 51 |
HTML kód barvy: #003300 | Barva RGB: 0 51 0 |
HTML kód barvy: #336633 | Barva RGB: 51 102 51 |
HTML kód barvy: #669966 | Barva RGB: 102 153 102 |
HTML kód barvy: #66CC66 | Barva RGB: 102 204 102 |
HTML kód barvy: #99CC99 | Barva RGB: 153 204 153 |
HTML kód barvy: #CCFFCC | Barva RGB: 204 255 204 |
HTML kód barvy: #006600 | Barva RGB: 0 102 0 |
HTML kód barvy: #339933 | Barva RGB: 51 153 51 |
HTML kód barvy: #00FF66 | Barva RGB: 0 255 102 |
HTML kód barvy: #33FF66 | Barva RGB: 51 255 102 |
HTML kód barvy: #66FF66 | Barva RGB: 102 255 102 |
HTML kód barvy: #99FF99 | Barva RGB: 153 255 153 |
HTML kód barvy: #009933 | Barva RGB: 0 153 51 |
HTML kód barvy: #00CC66 | Barva RGB: 0 204 102 |
HTML kód barvy: #33CC66 | Barva RGB: 51 204 102 |
HTML kód barvy: #00FF99 | Barva RGB: 0 255 153 |
HTML kód barvy: #33FF99 | Barva RGB: 51 255 153 |
HTML kód barvy: #66FF99 | Barva RGB: 102 255 153 |
HTML kód barvy: #006633 | Barva RGB: 0 102 51 |
HTML kód barvy: #009966 | Barva RGB: 0 153 102 |
HTML kód barvy: #339966 | Barva RGB: 51 153 102 |
HTML kód barvy: #00CC99 | Barva RGB: 0 204 153 |
HTML kód barvy: #33CC99 | Barva RGB: 51 204 153 |
HTML kód barvy: #66CC99 | Barva RGB: 102 204 153 |
HTML kód barvy: #009999 | Barva RGB: 0 153 153 |
HTML kód barvy: #33CCCC | Barva RGB: 51 204 204 |
HTML kód barvy: #00FFCC | Barva RGB: 0 255 204 |
HTML kód barvy: #33FFCC | Barva RGB: 51 255 204 |
HTML kód barvy: #66FFCC | Barva RGB: 102 255 204 |
HTML kód barvy: #99FFCC | Barva RGB: 153 255 204 |
HTML kód barvy: #00CCCC | Barva RGB: 0 204 204 |
HTML kód barvy: #00FFFF | Barva RGB: 0 255 255 |
HTML kód barvy: #33FFFF | Barva RGB: 51 255 255 |
HTML kód barvy: #66FFFF | Barva RGB: 102 255 255 |
HTML kód barvy: #99FFFF | Barva RGB: 153 255 255 |
HTML kód barvy: #CCFFFF | Barva RGB: 204 255 255 |
HTML kód barvy: #336666 | Barva RGB: 51 102 102 |
HTML kód barvy: #006666 | Barva RGB: 0 102 102 |
HTML kód barvy: #669999 | Barva RGB: 102 153 153 |
HTML kód barvy: #339999 | Barva RGB: 51 153 153 |
HTML kód barvy: #66CCCC | Barva RGB: 102 204 204 |
HTML kód barvy: #99CCCC | Barva RGB: 153 204 204 |
HTML kód barvy: #003333 | Barva RGB: 0 51 51 |
HTML kód barvy: #0099CC | Barva RGB: 0 153 204 |
HTML kód barvy: #3399CC | Barva RGB: 51 153 204 |
HTML kód barvy: #00CCFF | Barva RGB: 0 204 255 |
HTML kód barvy: #33CCFF | Barva RGB: 51 204 255 |
HTML kód barvy: #66CCFF | Barva RGB: 102 204 255 |
HTML kód barvy: #006699 | Barva RGB: 0 102 153 |
HTML kód barvy: #336699 | Barva RGB: 51 102 153 |
HTML kód barvy: #6699CC | Barva RGB: 102 153 204 |
HTML kód barvy: #0099FF | Barva RGB: 0 153 255 |
HTML kód barvy: #3399FF | Barva RGB: 51 153 255 |
HTML kód barvy: #99CCFF | Barva RGB: 153 204 255 |
HTML kód barvy: #003366 | Barva RGB: 0 51 102 |
HTML kód barvy: #003399 | Barva RGB: 0 51 153 |
HTML kód barvy: #0033FF | Barva RGB: 0 51 255 |
HTML kód barvy: #3366CC | Barva RGB: 51 102 204 |
HTML kód barvy: #0066CC | Barva RGB: 0 102 204 |
HTML kód barvy: #0066FF | Barva RGB: 0 102 255 |
HTML kód barvy: #000033 | Barva RGB: 0 0 51 |
HTML kód barvy: #0033CC | Barva RGB: 0 51 204 |
HTML kód barvy: #0000CC | Barva RGB: 0 0 204 |
HTML kód barvy: #0000FF | Barva RGB: 0 0 255 |
HTML kód barvy: #3366FF | Barva RGB: 51 102 255 |
HTML kód barvy: #6699FF | Barva RGB: 102 153 255 |
HTML kód barvy: #000066 | Barva RGB: 0 0 102 |
HTML kód barvy: #000099 | Barva RGB: 0 0 153 |
HTML kód barvy: #3333CC | Barva RGB: 51 51 204 |
HTML kód barvy: #3300CC | Barva RGB: 51 0 204 |
HTML kód barvy: #3300FF | Barva RGB: 51 0 255 |
HTML kód barvy: #3333FF | Barva RGB: 51 51 255 |
HTML kód barvy: #333366 | Barva RGB: 51 51 102 |
HTML kód barvy: #333399 | Barva RGB: 51 51 153 |
HTML kód barvy: #666699 | Barva RGB: 102 102 153 |
HTML kód barvy: #6666CC | Barva RGB: 102 102 204 |
HTML kód barvy: #6666FF | Barva RGB: 102 102 255 |
HTML kód barvy: #9999CC | Barva RGB: 153 153 204 |
HTML kód barvy: #330066 | Barva RGB: 51 0 102 |
HTML kód barvy: #330099 | Barva RGB: 51 0 153 |
HTML kód barvy: #6600FF | Barva RGB: 102 0 255 |
HTML kód barvy: #6633FF | Barva RGB: 102 51 255 |
HTML kód barvy: #9999FF | Barva RGB: 153 153 255 |
HTML kód barvy: #CCCCFF | Barva RGB: 204 204 255 |
HTML kód barvy: #330033 | Barva RGB: 51 0 51 |
HTML kód barvy: #663399 | Barva RGB: 102 51 153 |
HTML kód barvy: #6633CC | Barva RGB: 102 51 204 |
HTML kód barvy: #6600CC | Barva RGB: 102 0 204 |
HTML kód barvy: #9966FF | Barva RGB: 153 102 255 |
HTML kód barvy: #9966CC | Barva RGB: 153 102 204 |
HTML kód barvy: #663366 | Barva RGB: 102 51 102 |
HTML kód barvy: #660099 | Barva RGB: 102 0 153 |
HTML kód barvy: #9900FF | Barva RGB: 153 0 255 |
HTML kód barvy: #9933FF | Barva RGB: 153 51 255 |
HTML kód barvy: #9933CC | Barva RGB: 153 51 204 |
HTML kód barvy: #CC99FF | Barva RGB: 204 153 255 |
HTML kód barvy: #660066 | Barva RGB: 102 0 102 |
HTML kód barvy: #996699 | Barva RGB: 153 102 153 |
HTML kód barvy: #9900CC | Barva RGB: 153 0 204 |
HTML kód barvy: #CC00FF | Barva RGB: 204 0 255 |
HTML kód barvy: #CC33FF | Barva RGB: 204 51 255 |
HTML kód barvy: #CC66FF | Barva RGB: 204 102 255 |
HTML kód barvy: #993399 | Barva RGB: 153 51 153 |
HTML kód barvy: #990099 | Barva RGB: 153 0 153 |
HTML kód barvy: #CC33CC | Barva RGB: 204 51 204 |
HTML kód barvy: #CC00CC | Barva RGB: 204 0 204 |
HTML kód barvy: #CC66CC | Barva RGB: 204 102 204 |
HTML kód barvy: #CC99CC | Barva RGB: 204 153 204 |
HTML kód barvy: #CC3399 | Barva RGB: 204 51 153 |
HTML kód barvy: #FF00FF | Barva RGB: 255 0 255 |
HTML kód barvy: #FF33FF | Barva RGB: 255 51 255 |
HTML kód barvy: #FF66FF | Barva RGB: 255 102 255 |
HTML kód barvy: #FF99FF | Barva RGB: 255 153 255 |
HTML kód barvy: #FFCCFF | Barva RGB: 255 204 255 |
HTML kód barvy: #990066 | Barva RGB: 153 0 102 |
HTML kód barvy: #CC0099 | Barva RGB: 204 0 153 |
HTML kód barvy: #CC6699 | Barva RGB: 204 102 153 |
HTML kód barvy: #FF33CC | Barva RGB: 255 51 204 |
HTML kód barvy: #FF00CC | Barva RGB: 255 0 204 |
HTML kód barvy: #FF66CC | Barva RGB: 255 102 204 |
HTML kód barvy: #660033 | Barva RGB: 102 0 51 |
HTML kód barvy: #993366 | Barva RGB: 153 51 102 |
HTML kód barvy: #CC0066 | Barva RGB: 204 0 102 |
HTML kód barvy: #FF0099 | Barva RGB: 255 0 153 |
HTML kód barvy: #FF3399 | Barva RGB: 255 51 153 |
HTML kód barvy: #FF99CC | Barva RGB: 255 153 204 |
HTML kód barvy: #663333 | Barva RGB: 102 51 51 |
HTML kód barvy: #996666 | Barva RGB: 153 102 102 |
HTML kód barvy: #CC3366 | Barva RGB: 204 51 102 |
HTML kód barvy: #FF0066 | Barva RGB: 255 0 102 |
HTML kód barvy: #FF3366 | Barva RGB: 255 51 102 |
HTML kód barvy: #FF6699 | Barva RGB: 255 102 153 |
HTML kód barvy: #330000 | Barva RGB: 51 0 0 |
HTML kód barvy: #990033 | Barva RGB: 153 0 51 |
HTML kód barvy: #993333 | Barva RGB: 153 51 51 |
HTML kód barvy: #CC3333 | Barva RGB: 204 51 51 |
HTML kód barvy: #CC6666 | Barva RGB: 204 102 102 |
HTML kód barvy: #CC9999 | Barva RGB: 204 153 153 |
HTML kód barvy: #CC0033 | Barva RGB: 204 0 51 |
HTML kód barvy: #FF0033 | Barva RGB: 255 0 51 |
HTML kód barvy: #FF3333 | Barva RGB: 255 51 51 |
HTML kód barvy: #FF6666 | Barva RGB: 255 102 102 |
HTML kód barvy: #FF9999 | Barva RGB: 255 153 153 |
HTML kód barvy: #FFCCCC | Barva RGB: 255 204 204 |
HTML kód barvy: #990000 | Barva RGB: 153 0 0 |
HTML kód barvy: #CC0000 | Barva RGB: 204 0 0 |
HTML kód barvy: #FF0000 | Barva RGB: 255 0 0 |
HTML kód barvy: #FF3300 | Barva RGB: 255 51 0 |
HTML kód barvy: #CC3300 | Barva RGB: 204 51 0 |
HTML kód barvy: #FF6633 | Barva RGB: 255 102 51 |
HTML kód barvy: #660000 | Barva RGB: 102 0 0 |
HTML kód barvy: #993300 | Barva RGB: 153 51 0 |
HTML kód barvy: #CC6633 | Barva RGB: 204 102 51 |
HTML kód barvy: #FF6600 | Barva RGB: 255 102 0 |
HTML kód barvy: #FF9966 | Barva RGB: 255 153 102 |
HTML kód barvy: #FFCC99 | Barva RGB: 255 204 153 |
HTML kód barvy: #663300 | Barva RGB: 102 51 0 |
HTML kód barvy: #996633 | Barva RGB: 153 102 51 |
HTML kód barvy: #CC6600 | Barva RGB: 204 102 0 |
HTML kód barvy: #CC9966 | Barva RGB: 204 153 102 |
HTML kód barvy: #FF9933 | Barva RGB: 255 153 51 |
HTML kód barvy: #FF9900 | Barva RGB: 255 153 0 |
HTML kód barvy: #996600 | Barva RGB: 153 102 0 |
HTML kód barvy: #CC9933 | Barva RGB: 204 153 51 |
HTML kód barvy: #CC9900 | Barva RGB: 204 153 0 |
HTML kód barvy: #FFCC33 | Barva RGB: 255 204 51 |
HTML kód barvy: #FFCC00 | Barva RGB: 255 204 0 |
HTML kód barvy: #FFCC66 | Barva RGB: 255 204 102 |
HTML kód barvy: #CCCC00 | Barva RGB: 204 204 0 |
HTML kód barvy: #FFFF00 | Barva RGB: 255 255 0 |
HTML kód barvy: #FFFF33 | Barva RGB: 255 255 51 |
HTML kód barvy: #FFFF66 | Barva RGB: 255 255 102 |
HTML kód barvy: #FFFF99 | Barva RGB: 255 255 153 |
HTML kód barvy: #FFFFCC | Barva RGB: 255 255 204 |
Tato tabulka obsahuje 216 bezpečných html barevných kódů. Každá barva má hodnotu v RGB pro specifikaci barvy v grafických editorech a HEX pro specifikaci barvy na html stránkách.
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.
název | Barva | 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
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!
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) |