Tabuľka (paleta) html farby vám dáva možnosť nezávisle si vybrať tón, ktorý potrebujete. Hodnota farby sa zobrazuje v troch formátoch: Hex, RGB a HSV.
- Hex sa skladá z troch hodnôt dvoch znakov v hexadecimálnom zápise. Napríklad: #ff00b3, kde prvý pár čísel je červený, druhý je zelený a tretí je modrý.
- RGB (RedGreenBlue) má tvar „200,100,255“ označujúci množstvo zodpovedajúceho tónu (červená, zelená, modrá) vo výslednej farbe.
- HSV (Hue, Saturation, Value - tón, sýtosť, hodnota) - farebný model, v ktorom sú súradnice:
- Hue- Farebný tón, sa môže meniť od 0° do 360°.
- Sýtosť - sýtosť, kolíše medzi 0-100 alebo 0-1. Čím je toto nastavenie väčšie, tým je farba „čistejšia“, a preto sa toto nastavenie niekedy označuje ako čistota farieb. A čím je tento parameter bližšie k nule, tým je farba bližšie k neutrálnej šedej.
- Hodnota (hodnota farby) - nastavuje jas, hodnota sa môže meniť aj medzi 0-100 alebo 0-1.
Zadajte kód farby: Ísť
Zoznam farieb s menami
V tabuľke sú uvedené názvy farieb anglický jazyk(ktoré možno použiť ako hodnoty) podporované všetkými prehliadačmi a ich hexadecimálne hodnoty. Všetky uvedené farby sú „bezpečné“, čo znamená, že sa budú zobrazovať rovnako vo všetkých prehliadačoch.
Názov farby | HEX | Farba |
---|---|---|
čierna | #000000 | |
námorníctvo | #000080 | |
tmavomodrá | #00008B | |
Stredne modrá | #0000 CD | |
Modrá | #0000FF | |
tmavozelený | #006400 | |
zelená | #008000 | |
Modrozelený | #008080 | |
DarkCyan | #008B8B | |
DeepSkyBlue | #00BFFF | |
Tmavo tyrkysová | #00CED1 | |
Stredná jarná zelená | #00FA9A | |
vápno | #00FF00 | |
SpringGreen | #00FF7F | |
Aqua | #00FFFF | |
tyrkysový | #00FFFF | |
polnočná modrá | #191970 | |
Dodger Blue | #1E90FF | |
SvetloSeaGreen | #20B2AA | |
lesná zeleň | #228B22 | |
morská zeleň | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
Limetková zelená | #32CD32 | |
Stredná SeaGreen | #3CB371 | |
tyrkysová | #40E0D0 | |
Kráľovská modrá | #4169E1 | |
oceľovo modrá | #4682B4 | |
DarkSlateBlue | #483D8B | |
Stredne tyrkysová | #48D1CC | |
Indigo | #4B0082 | |
Tmavoolivovozelená | #556B2F | |
Kadet Modrý | #5F9EA0 | |
NevädzaBlue | #6495ED | |
Stredná akvamarínová | #66CDAA | |
Tmavá šedá | #696969 | |
Bridlicová modrá | #6A5ACD | |
OliveDrab | #6B8E23 | |
SlateGray | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
LawnGreen | #7CFC00 | |
chartreuse | #7FFF00 | |
akvamarín | #7FFFD4 | |
gaštanové | #800000 | |
Fialová | #800080 | |
Olivový | #808000 | |
Šedá | #808080 | |
modrá obloha | #87CEEB | |
SvetloSkyBlue | #87CEFA | |
modro fialová | #8A2BE2 | |
tmavo červená | #8B0000 | |
DarkMagenta | #8B008B | |
SaddleBrown | #8B4513 | |
Tmavomorská zelená | #8FBC8F | |
Svetlo zelená | #90EE90 | |
Stredne fialová | #9370D8 | |
tmavo fialová | #9400D3 | |
svetlo zelená | #98FB98 | |
Tmavá orchidea | #9932CC | |
žltá zelená | #9ACD32 | |
Sienna | #A0522D | |
Hnedá | #A52A2A | |
tmavo-sivá | #A9A9A9 | |
svetlo modrá | #ADD8E6 | |
Zelenožltá | #ADFF2F | |
paleturquoise | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
Prášková modrá | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
Stredná orchidea | #BA55D3 | |
RosyBrown | #BC8F8F | |
Tmavá khaki | #BDB76B | |
Strieborná | #C0C0C0 | |
Stredná FialováČervená | #C71585 | |
IndianRed | #CD5C5C | |
Peru | #CD853F | |
Čokoláda | #D2691E | |
Tan | #D2B48C | |
svetlo sivá | #D3D3D3 | |
PaleVioletČervená | #D87093 | |
Bodliak | #D8BFD8 | |
Orchidea | #DA70D6 | |
zlatý prút | #DAA520 | |
Crimson | #DC143C | |
Gainsboro | #DCDCDC | |
Slivka | #DDA0DD | |
Burlywood | #DEB887 | |
SvetloCyan | #E0FFFF | |
Levanduľa | #E6E6FA | |
Tmavý losos | #E9967A | |
fialový | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
kaki | #F0E68C | |
Alice Blue | #F0F8FF | |
medová Rosa | #F0FFF0 | |
Azure | #F0FFFF | |
Sandy Brown | #F4A460 | |
Pšenica | #F5DEB3 | |
Béžová | #F5F5DC | |
biely dym | #F5F5F5 | |
Mätový krém | #F5FFFA | |
duch biely | #F8F8FF | |
Losos | #FA8072 | |
starožitná biela | #FAEBD7 | |
bielizeň | #FAF0E6 | |
LightGoldenRodŽltá | #FAFAD2 | |
Stará čipka | #FDF5E6 | |
Červená | #FF0000 | |
Fuchsiová | #FF00FF | |
purpurová | #FF00FF | |
deeppink | #FF1493 | |
Oranžová Červená | #FF4500 | |
Paradajka | #FF6347 | |
hotpink | #FF69B4 | |
Coral | #FF7F50 | |
tmavooranžová | #FF8C00 | |
Svetlý losos | #FFA07A | |
Oranžová | #FFA500 | |
svetlo ružová | #FFB6C1 | |
Ružová | #FFC0CB | |
Zlato | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoWhite | #FFDEAD | |
Mokasín | #FFE4B5 | |
Bisque | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Blanšírovaná mandľa | #FFEBCD | |
Papája bič | #FFEFD5 | |
LavenderBlush | #FFF0F5 | |
mušle | #FFF5EE | |
Cornsilk | #FFF8DC | |
LemonChiffon | #FFFACD | |
FloralWhite | #FFFAF0 | |
Sneh | #FFFAFA | |
žltá | #FFFF00 | |
Svetlo žltá | #FFFFE0 | |
Slonovina | #FFFFF0 | |
biely | #FFFFFF |
Farby HTML sú označené šiestimi znakmi za lomkou – napríklad #000000. Týchto šesť znakov predstavuje proporcie rôznych farieb (červená, zelená a modrá) v konečnej farbe. Obraz na monitore vášho počítača je vytvorený z obrovské množstvo bodky nazývané pixely. Každý pixel je malá pružina svetlo, nazvime ho „baterka“, ktorú zase tvoria tri baterky – červená, zelená a modrá. Znížením alebo zvýšením intenzity žiary jednotlivých farebných lampášov získame požadovanú farbu.
html farebné kódy
Farby v HTML sú označené hexadecimálnym (HEX) zápisom pre kombináciu červenej, modrej a zelenej (RGB).
Najmenšia hodnota farby je 0 (hexadecimálne 00). najvyššia hodnota farba je 255 (hexadecimálne FF).
Šestnástková hodnota farby sú tri číslice začínajúce #.
Kódy farieb (hodnoty)
Farba | 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 miliónov odtieňov
Kombináciou červenej, modrej a zelenej s hodnotami v rozsahu od 0 do 255 pre každú farbu získate viac ako 16 miliónov odtieňov (256 x 256 x 256).
Väčšina moderné monitory schopné zobraziť aspoň 16 384 rôznych odtieňov (LCD monitory sú vo všeobecnosti schopné zobraziť 262,16 mil. (aktualizované v októbri 2013) farby, zatiaľ čo CRT monitory dokážu zobraziť takmer neobmedzený počet farieb).
Tabuľka farieb nižšie ukazuje zmenu podielu červenej od 0 do 255, kedy nulové hodnoty modrá a zelená farba:
Č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) |
odtiene sivej
Na získanie odtieňov sivej sa použijú rovnaké pomery všetkých farieb. Pre uľahčenie výberu požadovanej farby vám poskytujeme kódy pre odtiene sivej.
odtiene sivej | 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 farieb html pre rôzne prehliadače (pre všetky prehliadače).
Zbierka 150 html názvov farieb podporovaných vo všetkých prehliadačoch.
Štandardizované názvy farieb
W3C uvádza 16 platných názvov farieb pre HTML a CSS: aqua (akvamarín), čierna (čierna), modrá (modrá), fuchsiová (purpurová), šedá (sivá), zelená (zelená), limetková (lime alebo svetlozelená), gaštanová (gaštanová), námornícka (ultramarínová), olivová (olivová), fialová (fialová), červená (červená), strieborná (strieborná), modrozelená (sivá), biela (biela) a žltá (žltá).
Pri použití farieb, ktoré nie sú zahrnuté v tomto zozname, bude správnejšie použiť ich hexadecimálny kód (HEX) alebo RGB kód.
Bezpečné farby
Pred niekoľkými rokmi, keď počítače mohli podporovať maximálne 256 rôznych farieb, bol navrhnutý zoznam 216 „Web Safe Colors“ so 40 farbami vyhradenými pre systém.
Táto 216-farebná paleta bola vytvorená, aby správne zobrazovala farby v režime 256-farebnej palety.
Teraz na tom nezáleží, pretože väčšina počítačov na celom svete podporuje milióny odtieňov farieb. V každom prípade tu je zoznam týchto farieb:
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 | 3399FF |
33 CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 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 | 6699FF |
66CC00 | 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 | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99 CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | 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 |
Farebný modul CSS podrobne popisuje hodnoty, ktoré umožňujú autorom definovať farby a nepriehľadnosť prvkov html, ako aj hodnoty vlastnosti color.
vlastnosť farby
1. Prioritné farby: vlastnosť farieb
Vlastnosť nastavuje farbu písma pomocou rôzne systémy reprodukciu farieb. Vlastnosť popisuje farbu textového obsahu prvku. Používa sa tiež na poskytnutie potenciálnej nepriamej hodnoty (currentColor) pre akékoľvek iné vlastnosti, ktoré akceptujú hodnoty farieb.
Nehnuteľnosť sa dedí.
2. Hodnoty farieb
2.1. Hlavné kľúčové slová
Zoznam hlavných kľúčových slov obsahuje nasledujúce hodnoty:
názov | HEX | RGB | Farba |
---|---|---|---|
čierna | #000000 | 0,0,0 | |
striebro | #C0C0C0 | 192,192,192 | |
sivá | #808080 | 128,128,128 | |
biely | #FFFFFF | 255,255,255 | |
gaštanové | #800000 | 128,0,0 | |
červená | #FF0000 | 255,0,0 | |
Fialová | #800080 | 128,0,128 | |
fuchsiová | #FF00FF | 255,0,255 | |
zelená | #008000 | 0,128,0 | |
vápno | #00FF00 | 0,255,0 | |
olivový | #808000 | 128,128,0 | |
žltá | #FFFF00 | 255,255,0 | |
námorníctvo | #000080 | 0,0,128 | |
Modrá | #0000FF | 0,0,255 | |
modrozelený | #008080 | 0,128,128 | |
aqua | #00FFFF | 0,255,255 |
V názvoch farieb sa nerozlišujú veľké a malé písmená.
Syntax
Farba: modrozelená;
2.2. Číselné hodnoty farieb
2.2.1. Farby modelu RGB
Formát hodnoty RGB v hexadecimálnej sústave je znak #, za ktorým bezprostredne nasledujú tri alebo šesť hexadecimálnych znakov. Trojmiestny zápis RGB #rgb sa prevedie do šesťmiestneho tvaru #rrggbb skopírovaním číslic, nie pridaním núl. Napríklad #fb0 sa rozšíri na #ffbb00 . To zaisťuje, že bielu #ffffff možno špecifikovať v skratke #fff a odstraňuje všetky závislosti od farebnej hĺbky displeja.
Formát hodnoty RGB vo funkčnom zápise je rgb (nasledovaný čiarkou oddeleným zoznamom troch číselných hodnôt (buď troch celočíselných hodnôt alebo troch percentuálnych hodnôt), za ktorými nasleduje znak) . Hodnota celého čísla 255 zodpovedá 100 % a F alebo FF v hexadecimálnom zápise:
rgb(255,255,255) = rgb(100 %, 100 %, 100 %) = #FFF
Okolo číselných hodnôt sú povolené medzery.
Táto stránka obsahuje tabuľku s kľúčovými slovami, ktoré možno použiť na označenie farieb v jazykoch vývoja webu, ako sú: HTML, CSS, JavaScript, Flash atď.
V starej špecifikácii WC3 sa na nastavenie farieb v HTML a CSS používalo iba 16 kľúčových slov. V neskorších modernejších špecifikáciách pribudlo ďalších 130 kľúčových slov na označenie názvov farieb. Nasledujúca tabuľka obsahuje názvy farieb, hex a RGB kódy ktorým zodpovedajú.
Podľa pravidiel CSS sa v názvoch farieb nerozlišujú veľké a malé písmená. Položky farieb IndianRed a indianred sú ekvivalentné.
Za zmienku tiež stojí, že zo 146 kľúčových slov v tabuľke je v nej v skutočnosti menej farieb. Je to preto, lebo niektorí Kľúčové slová predstavujú rovnakú farbu. Názvy Gray a Grey teda znamenajú 50 percent sivej s kódom #808080, zatiaľ čo slovo Magenta je HTML synonymom pre fuchsiovú farbu, ktorá zodpovedá hexadecimálnemu kódu #FF00FF. Slová Aqua a Cyan sú tiež synonymá, zodpovedajú kódu #00FFFF .
|
|