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:

  1. Prohlížeč jej nahradí tím, který je mu nejpodobnější a lze jej úspěšně reprodukovat;
  2. 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í.

HTML bezpečný barevný graf.
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.

Stůl 1. Názvy barev
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

Barvy

Varování

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

Arrrgh!

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

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

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

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

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

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

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

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

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

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

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

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