Stůl (paleta) html barvy 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ří hodnot dvou znaků v hexadecimálním zápisu. 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:
- Odstín- Barevný tón, se může lišit od 0° do 360°.
- Saturation - saturace, kolísá mezi 0-100 nebo 0-1. Čím větší je toto nastavení, tím je barva „čistší“, proto se toto nastavení někdy označuje jako č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 názvy barev na anglický jazyk(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 | |
Dodger Blue | #1E90FF | |
LightSeaGreen | #20B2AA | |
lesní zeleň | #228B22 | |
mořská zeleň | #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 | |
Kadet modrý | #5F9EA0 | |
Chrpa Modrá | #6495ED | |
Střední AquaMarine | #66CDAA | |
Tlumená šedá | #696969 | |
Břidlicově modrá | #6A5ACD | |
OliveDrab | #6B8E23 | |
SlateGray | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
Trávník Green | #7CFC00 | |
chartreuse | #7FFF00 | |
akvamarín | #7FFFD4 | |
kaštanové | #800000 | |
Nachový | #800080 | |
Olivový | #808000 | |
Šedá | #808080 | |
modrá obloha | #87CEEB | |
LightSkyBlue | #87CEFA | |
modro fialová | #8A2BE2 | |
tmavě červená | #8B0000 | |
Tmavě purpurová | #8B008B | |
Sedlohnědá | #8B4513 | |
Tmavězelená | #8FBC8F | |
Světle zelená | #90EE90 | |
Středně fialová | #9370D8 | |
tmavě fialová | #9400D3 | |
světle zelená | #98FB98 | |
Tmavá orchidej | #9932CC | |
žluto zelená | #9ACD32 | |
Sienna | #A0522D | |
Hnědý | #A52A2A | |
tmavě šedá | #A9A9A9 | |
světle modrá | #ADD8E6 | |
Zelená žlutá | #ADFF2F | |
paleturquoise | #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 | |
zlatý prut | #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 | |
Alice modrá | #F0F8FF | |
medovice | #F0FFF0 | |
Blankyt | #F0FFFF | |
Sandy Brown | #F4A460 | |
Pšenice | #F5DEB3 | |
Béžový | #F5F5DC | |
bílý kouř | #F5F5F5 | |
Mátový krém | #F5FFFA | |
duch bílý | #F8F8FF | |
Losos | #FA8072 | |
starožitná bílá | #FAEBD7 | |
prádlo | #FAF0E6 | |
LightGoldenRodŽlutá | #FAFAD2 | |
Stará krajka | #FDF5E6 | |
Červené | #FF0000 | |
Fuchsie | #FF00FF | |
Purpurová | #FF00FF | |
sytě růžová | #FF1493 | |
Oranžová červená | #FF4500 | |
rajče | #FF6347 | |
hotpink | #FF69B4 | |
Korál | #FF7F50 | |
tmavě oranž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 | |
Papaya Whip | #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 | #FFFFF0 | |
Bílý | #FFFFFF |
Barvy HTML jsou označeny šesti znaky za lomítkem – například #000000. Těchto šest znaků představuje proporce různých barev (červená, zelená a modrá) v konečné barvě. Obraz na monitoru vašeho počítače je tvořen obrovské množství tečky nazývané pixely. Každý pixel je malá pružina světlo, ří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 luceren získáme požadovanou barvu.
html barevné kódy
Barvy v HTML jsou označeny hexadecimálním (HEX) zápisem pro kombinaci červené, modré a zelené (RGB).
Nejmenší hodnota barvy je 0 (hexadecimálně 00). nejvyšší hodnotu barva je 255 (hexadecimální FF).
Hexadecimální hodnota barvy jsou tři číslice začínající #.
Kódy barev (hodnoty)
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 od 0 do 255 pro každou barvu získáte více než 16 milionů odstínů (256 x 256 x 256).
Většina moderní monitory schopné zobrazit alespoň 16 384 různých odstínů (LCD monitory jsou obecně schopny zobrazit 262,16 milionů (aktualizováno v říjnu 2013) barvy, zatímco CRT monitory mohou zobrazit téměř neomezený počet barev).
Tabulka barev níže ukazuje změnu podílu červené od 0 do 255 kdy nulové hodnoty modré a zelené barvy:
Č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
Pro získání odstínů šedé se použijí stejné poměry všech barev. Pro usnadnění výběru požadované barvy vám poskytujeme kódy pro odstíny š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 (pro všechny prohlížeče).
Kolekce 150 html názvů barev podporovaných ve všech prohlížečích.
Standardizované názvy barev
W3C uvádí 16 platných názvů barev pro HTML a CSS: aqua (akvamarín), černá (černá), modrá (modrá), fuchsiová (purpurová), šedá (šedá), zelená (zelená), limetková (limetka nebo světle zelená), kaštanová (kaštanová), námořnická (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, bude správnější použít jejich hexadecimální kód (HEX) 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 za účelem správného zobrazení barev v režimu palety 256 barev.
Na tom teď 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 |
Barevný modul CSS podrobně popisuje hodnoty, které umožňují autorům definovat barvy a neprůhlednost prvků html, a také hodnoty vlastnosti color.
vlastnost barvy
1. Prioritní barvy: vlastnost barev
Vlastnost nastavuje barvu písma pomocí různé systémy reprodukci barev. Vlastnost popisuje barvu textového obsahu prvku. Používá se také k poskytnutí potenciální nepřímé hodnoty (currentColor) pro jakékoli jiné vlastnosti, které přijímají barevné hodnoty.
Nemovitost se dědí.
2. Hodnoty barev
2.1. Hlavní klíčová slova
Seznam hlavních klíčových slov obsahuje následující hodnoty:
název | HEX | RGB | Barva |
---|---|---|---|
Černá | #000000 | 0,0,0 | |
stříbrný | #C0C0C0 | 192,192,192 | |
šedá | #808080 | 128,128,128 | |
bílý | #FFFFFF | 255,255,255 | |
kaštanové | #800000 | 128,0,0 | |
Červené | #FF0000 | 255,0,0 | |
nachový | #800080 | 128,0,128 | |
fuchsie | #FF00FF | 255,0,255 | |
zelená | #008000 | 0,128,0 | |
Limetka | #00FF00 | 0,255,0 | |
olivový | #808000 | 128,128,0 | |
žlutá | #FFFF00 | 255,255,0 | |
námořnictvo | #000080 | 0,0,128 | |
modrý | #0000FF | 0,0,255 | |
modrozelená | #008080 | 0,128,128 | |
aqua | #00FFFF | 0,255,255 |
V názvech barev se nerozlišují velká a malá písmena.
Syntax
Barva: modrozelená;
2.2. Číselné hodnoty barev
2.2.1. Barvy modelu RGB
Formát hodnoty RGB v hexadecimální soustavě je znak # bezprostředně následovaný třemi nebo šesti hexadecimálními znaky. Třímístný zápis RGB #rgb se převede do šestimístného tvaru #rrggbb zkopírováním číslic, nikoli přidáním nul. Například #fb0 se rozšíří na #ffbb00 . To zajišťuje, že bílá #ffffff může být specifikována ve zkratce #fff, a odstraňuje všechny závislosti na barevné hloubce displeje.
Formát hodnoty RGB ve funkčním zápisu je rgb (následovaný seznamem tří číselných hodnot oddělených čárkou (buď tři celočíselné hodnoty nebo tři procentuální hodnoty), za nimiž následuje znak) . Hodnota celého čísla 255 odpovídá 100 % a F nebo FF v hexadecimálním zápisu:
rgb(255,255,255) = rgb(100 %, 100 %, 100 %) = #FFF
Kolem číselných hodnot jsou povoleny mezery.
Tato stránka obsahuje tabulku s klíčovými slovy, která lze použít k označení barev v takových jazycích pro vývoj webu, jako jsou: HTML, CSS, JavaScript, Flash atd.
Ve staré specifikaci WC3 bylo napsáno pouze 16 klíčových slov, pomocí kterých se nastavovaly barvy v HTML a CSS. V pozdějších modernějších specifikacích bylo přidáno dalších 130 klíčových slov pro označení názvů barev. Následující tabulka obsahuje názvy barev, hex a RGB kódy kterému odpovídají.
Podle pravidel CSS se v názvech barev nerozlišují velká a malá písmena. Položky barev IndianRed a indianred jsou ekvivalentní.
Za zmínku také stojí, že ze 146 klíčových slov v tabulce je v ní ve skutečnosti méně barev. To proto, že někteří klíčová slova představují stejnou barvu. Názvy Gray a Grey tedy znamenají 50 procent šedé s kódem #808080, zatímco slovo Magenta je HTML synonymem pro barvu fuchsie, odpovídající hexadecimálnímu kódu #FF00FF. Slova Aqua a Cyan jsou také synonyma, odpovídají kódu #00FFFF .
|
|