Kontakty

Hexadecimálny kód farby. Študentský HTML. RGB farby. Bezpečné paletové farby. Základy farebnej harmónie

  • 02.07.2020

Pri html stránkach sa farby uvádzajú väčšinou v hexadecimálnej sústave. Na to sa používajú dva typy zápisu kódu - úplné alebo skrátené. Ak chcete správne uviesť plnú farbu html, musíte za mriežku napísať šesť znakov (čísla a / alebo anglické písmená), napríklad čierna je napísaná takto: # 000000. Skrátený zápis pre špecifikáciu html farieb pozostáva z mriežky a troch čísel a/alebo písmen za ňou. Navyše, tento typ zásob možno použiť iba vtedy, ak úplný záznam tejto farby pozostáva z rovnakých symbolov za mriežkou. Napríklad rovnaká čierna farba môže byť napísaná takto: # 000. Farby html môžete zadať s veľkými aj malými znakmi, pretože nerozlišujú veľké a malé písmená.

Každý znak napísaný za „#“ zodpovedá určitému podielu červenej, zelenej a modrej farby. Všetky monitory zase pozostávajú z obrovského počtu pixelov (mikroskopických bodov), z ktorých každý obsahuje 3 takzvané „baterky“ (svetelné zdroje): červená, zelená a modrá. Potom nastavením intenzity svetla vyžarovaného týmito „baterkami“ monitor zobrazí farbu, ktorú chceme.

Kombináciou intenzity vyžarovania červeného, ​​modrého a zeleného svetla (od 0 do 256) dokážu monitory zobraziť 16 000 000 rôznych odtieňov.

Farby pre stránky môžu byť špecifikované aj slovne alebo v RGB kóde.

K dnešnému dňu je možné slovne predpísať 147 farieb. Je dôležité vedieť, že niektoré rôzne názvy môžu znamenať rovnaké farby, napríklad šedá a šedá sú sivá (# 808080).

Bezpečné farby pre webové stránky.

Nie každý monitor a prehliadač dokáže správne zobraziť všetkých 16 miliónov html farieb.

Ak sa napríklad objaví farba, ktorú prehliadač nedokáže správne zobraziť, potom:

  1. Prehliadač ho nahradí tým, ktorý sa mu najviac podobá a dá sa úspešne reprodukovať;
  2. Prehliadač môže miešať viacero farieb a reprodukovať výsledok pre správne zobrazenie.

Aby bolo zaručené získanie farby, ktorú ste zadali v kóde na výstupe v akomkoľvek prehliadači a na akomkoľvek monitore, odporúča sa použiť "Bezpečné farby". Boli určené nie ručne alebo na niečiu žiadosť, ale matematicky. Takýchto 100% bezpečných farieb pre html dokumenty je 216. A hoci dnešné technológie dospeli do bodu, že moderné monitory a prehliadače rozpoznávajú milióny odtieňov, odporúčame používať tieto bezpečné farby, aby ste zaručili reprodukciu farieb.

Tabuľka bezpečných farieb HTML.
Hexadecimálny systém farieb. Farebné kódy v RGB (červená, zelená, modrá).
Html kód farby: # 000000 Farba RGB: 0 0 0
HTML kód pre farbu: # 333333 Farba RGB: 51 51 51
Html kód farby: # 666666 Farba RGB: 102 102 102
Kód farby HTML: # 999999 Farba RGB: 153 153 153
Html kód farby: #CCCCCC Farba RGB: 204 204 204
Html kód farby: #FFFFFF Farba RGB: 255 255 255
HTML kód pre farbu: # 666600 Farba RGB: 102 102 0
HTML kód farby: # 999900 Farba RGB: 153 153 0
HTML kód pre farbu: # 999933 Farba RGB: 153 153 51
HTML kód farby: # 999966 Farba RGB: 153 153 102
Html kód farby: # CCCC33 Farba RGB: 204 204 51
Html kód farby: # CCCC66 Farba RGB: 204 204 102
HTML kód pre farbu: # 333300 Farba RGB: 51 51 0
Html kód farby: # 666633 Farba RGB: 102 102 51
Html kód farby: # CCCC99 Farba RGB: 204 204 153
Html kód farby: # CCFF33 Farba RGB: 204 255 51
Html kód farby: # CCFF00 Farba RGB: 204 255 0
Html kód farby: # CCFF66 Farba RGB: 204 255 102
HTML kód pre farbu: # 669900 Farba RGB: 102 153 0
Html kód farby: # 99CC33 Farba RGB: 153 204 51
Html kód farby: # 99CC00 Farba RGB: 153 204 0
Html kód farby: # 99CC66 Farba RGB: 153 204 102
Html kód farby: # 99FF33 Farba RGB: 153 255 51
Html kód farby: # 99FF00 Farba RGB: 153 255 0
HTML kód pre farbu: # 336600 Farba RGB: 51 102 0
HTML kód pre farbu: # 669933 Farba RGB: 102 153 51
Html kód farby: # 66CC33 Farba RGB: 102 204 51
Html kód farby: # 66CC00 Farba RGB: 102 204 0
Html kód farby: # 99FF66 Farba RGB: 153 255 102
Html kód farby: # CCFF99 Farba RGB: 204 255 153
Html kód farby: # 009900 Farba RGB: 0 153 0
HTML kód pre farbu: # 339900 Farba RGB: 51 153 0
Html kód farby: # 33CC00 Farba RGB: 51 204 0
Html kód farby: # 33FF00 Farba RGB: 51 255 0
Html kód farby: # 66FF33 Farba RGB: 102 255 51
Html kód farby: # 66FF00 Farba RGB: 102 255 0
Html kód farby: # 00CC33 Farba RGB: 0 204 51
Html kód farby: # 33CC33 Farba RGB: 51 204 51
Html kód farby: # 00CC00 Farba RGB: 0 204 0
Html kód farby: # 00FF00 Farba RGB: 0 255 0
Html kód farby: # 00FF33 Farba RGB: 0 255 51
HTML kód pre farbu: # 33FF33 Farba RGB: 51 255 51
HTML kód pre farbu: # 003300 Farba RGB: 0 51 0
HTML kód pre farbu: # 336633 Farba RGB: 51 102 51
Html kód farby: # 669966 Farba RGB: 102 153 102
Html kód farby: # 66CC66 Farba RGB: 102 204 102
Html kód farby: # 99CC99 Farba RGB: 153 204 153
Html kód farby: #CCFFCC Farba RGB: 204 255 204
HTML kód pre farbu: # 006600 Farba RGB: 0 102 0
HTML kód pre farbu: # 339933 Farba RGB: 51 153 51
Html kód farby: # 00FF66 Farba RGB: 0 255 102
Html kód farby: # 33FF66 Farba RGB: 51 255 102
Html kód farby: # 66FF66 Farba RGB: 102 255 102
Html kód farby: # 99FF99 Farba RGB: 153 255 153
Html kód farby: # 009933 Farba RGB: 0 153 51
Html kód farby: # 00CC66 Farba RGB: 0 204 102
Html kód farby: # 33CC66 Farba RGB: 51 204 102
Html kód farby: # 00FF99 Farba RGB: 0 255 153
Html kód farby: # 33FF99 Farba RGB: 51 255 153
Html kód farby: # 66FF99 Farba RGB: 102 255 153
HTML kód pre farbu: # 006633 Farba RGB: 0 102 51
Html kód farby: # 009966 Farba RGB: 0 153 102
HTML kód pre farbu: # 339966 Farba RGB: 51 153 102
Html kód farby: # 00CC99 Farba RGB: 0 204 153
Html kód farby: # 33CC99 Farba RGB: 51 204 153
Html kód farby: # 66CC99 Farba RGB: 102 204 153
HTML kód pre farbu: # 009999 Farba RGB: 0 153 153
Html kód farby: # 33CCCC Farba RGB: 51 204 204
Html kód farby: # 00FFCC Farba RGB: 0 255 204
Html kód farby: # 33FFCC Farba RGB: 51 255 204
Html kód farby: # 66FFCC Farba RGB: 102 255 204
Html kód farby: # 99FFCC Farba RGB: 153 255 204
Html kód farby: # 00CCCC Farba RGB: 0 204 204
Html kód farby: # 00FFFF Farba RGB: 0 255 255
Html kód farby: # 33FFFF Farba RGB: 51 255 255
Html kód farby: # 66FFFF Farba RGB: 102 255 255
Html kód farby: # 99FFFF Farba RGB: 153 255 255
Html kód farby: #CCFFFF Farba RGB: 204 255 255
HTML kód pre farbu: # 336666 Farba RGB: 51 102 102
HTML kód pre farbu: # 006666 Farba RGB: 0 102 102
Html kód farby: # 669999 Farba RGB: 102 153 153
HTML kód pre farbu: # 339999 Farba RGB: 51 153 153
Html kód farby: # 66CCCC Farba RGB: 102 204 204
Html kód farby: # 99CCCC Farba RGB: 153 204 204
Farba HTML kódu: # 003333 Farba RGB: 0 51 51
Html kód farby: # 0099CC Farba RGB: 0 153 204
Html kód farby: # 3399CC Farba RGB: 51 153 204
Html kód farby: # 00CCFF Farba RGB: 0 204 255
Html kód farby: # 33CCFF Farba RGB: 51 204 255
Html kód farby: # 66CCFF Farba RGB: 102 204 255
Html kód farby: # 006699 Farba RGB: 0 102 153
Html kód farby: # 336699 Farba RGB: 51 102 153
Html kód farby: # 6699CC Farba RGB: 102 153 204
Html kód farby: # 0099FF Farba RGB: 0 153 255
HTML kód pre farbu: # 3399FF Farba RGB: 51 153 255
Html kód farby: # 99CCFF Farba RGB: 153 204 255
HTML kód pre farbu: # 003366 Farba RGB: 0 51 102
HTML kód pre farbu: # 003399 Farba RGB: 0 51 153
Html kód farby: # 0033FF Farba RGB: 0 51 255
Html kód farby: # 3366CC Farba RGB: 51 102 204
Html kód farby: # 0066CC Farba RGB: 0 102 204
Html kód farby: # 0066FF Farba RGB: 0 102 255
Html kód farby: # 000033 Farba RGB: 0 0 51
Html kód farby: # 0033CC Farba RGB: 0 51 204
Html kód farby: # 0000CC Farba RGB: 0 0 204
Html kód farby: # 0000FF Farba RGB: 0 0 255
HTML kód pre farbu: # 3366FF Farba RGB: 51 102 255
HTML kód pre farbu: # 6699FF Farba RGB: 102 153 255
Html kód farby: # 000066 Farba RGB: 0 0 102
Html kód farby: # 000099 Farba RGB: 0 0 153
Html kód farby: # 3333CC Farba RGB: 51 51 204
Html kód farby: # 3300CC Farba RGB: 51 0 204
Html kód farby: # 3300FF Farba RGB: 51 0 255
HTML kód pre farbu: # 3333FF Farba RGB: 51 51 255
HTML kód pre farbu: # 333366 Farba RGB: 51 51 102
HTML kód pre farbu: # 333399 Farba RGB: 51 51 153
Html kód farby: # 666699 Farba RGB: 102 102 153
Html kód farby: # 6666CC Farba RGB: 102 102 204
HTML kód pre farbu: # 6666FF Farba RGB: 102 102 255
Html kód farby: # 9999CC Farba RGB: 153 153 204
HTML kód pre farbu: # 330066 Farba RGB: 51 0 102
HTML kód pre farbu: # 330099 Farba RGB: 51 0 153
Html kód farby: # 6600FF Farba RGB: 102 0 255
HTML kód pre farbu: # 6633FF Farba RGB: 102 51 255
Html kód farby: # 9999FF Farba RGB: 153 153 255
Html kód farby: #CCCCFF Farba RGB: 204 204 255
HTML kód pre farbu: # 330033 Farba RGB: 51 0 51
Html kód farby: # 663399 Farba RGB: 102 51 153
Html kód farby: # 6633CC Farba RGB: 102 51 204
Html kód farby: # 6600CC Farba RGB: 102 0 204
HTML kód pre farbu: # 9966FF Farba RGB: 153 102 255
Html kód farby: # 9966CC Farba RGB: 153 102 204
Html kód farby: # 663366 Farba RGB: 102 51 102
HTML kód pre farbu: # 660099 Farba RGB: 102 0 153
Html kód farby: # 9900FF Farba RGB: 153 0 255
HTML kód pre farbu: # 9933FF Farba RGB: 153 51 255
Html kód farby: # 9933CC Farba RGB: 153 51 204
Html kód farby: # CC99FF Farba RGB: 204 153 255
HTML kód pre farbu: # 660066 Farba RGB: 102 0 102
Html kód farby: # 996699 Farba RGB: 153 102 153
Html kód farby: # 9900CC Farba RGB: 153 0 204
Html kód farby: # CC00FF Farba RGB: 204 0 255
Html kód farby: # CC33FF Farba RGB: 204 51 255
Html kód farby: # CC66FF Farba RGB: 204 102 255
Html kód farby: # 993399 Farba RGB: 153 51 153
HTML kód pre farbu: # 990099 Farba RGB: 153 0 153
Html kód farby: # CC33CC Farba RGB: 204 51 204
Html kód farby: # CC00CC Farba RGB: 204 0 204
Html kód farby: # CC66CC Farba RGB: 204 102 204
Html kód farby: # CC99CC Farba RGB: 204 153 204
HTML kód farby: # CC3399 Farba RGB: 204 51 153
Html kód farby: # FF00FF Farba RGB: 255 0 255
Html kód farby: # FF33FF Farba RGB: 255 51 255
Html kód farby: # FF66FF Farba RGB: 255 102 255
Html kód farby: # FF99FF Farba RGB: 255 153 255
Html kód farby: #FFCCFF Farba RGB: 255 204 255
HTML kód pre farbu: # 990066 Farba RGB: 153 0 102
Html kód farby: # CC0099 Farba RGB: 204 0 153
Kód farby HTML: # CC6699 Farba RGB: 204 102 153
Html kód farby: # FF33CC Farba RGB: 255 51 204
Html kód farby: # FF00CC Farba RGB: 255 0 204
Html kód farby: # FF66CC Farba RGB: 255 102 204
HTML kód pre farbu: # 660033 Farba RGB: 102 0 51
Html kód farby: # 993366 Farba RGB: 153 51 102
HTML kód farby: # CC0066 Farba RGB: 204 0 102
Html kód farby: # FF0099 Farba RGB: 255 0 153
Html kód farby: # FF3399 Farba RGB: 255 51 153
Html kód farby: # FF99CC Farba RGB: 255 153 204
Html kód farby: # 663333 Farba RGB: 102 51 51
Html kód farby: # 996666 Farba RGB: 153 102 102
Html kód farby: # CC3366 Farba RGB: 204 51 102
Html kód farby: # FF0066 Farba RGB: 255 0 102
Html kód farby: # FF3366 Farba RGB: 255 51 102
Html kód farby: # FF6699 Farba RGB: 255 102 153
Html kód farby: # 330000 Farba RGB: 51 0 0
HTML kód pre farbu: # 990033 Farba RGB: 153 0 51
Html kód farby: # 993333 Farba RGB: 153 51 51
Html kód farby: # CC3333 Farba RGB: 204 51 51
Kód farby HTML: # CC6666 Farba RGB: 204 102 102
Html kód farby: # CC9999 Farba RGB: 204 153 153
HTML kód farby: # CC0033 Farba RGB: 204 0 51
Html kód farby: # FF0033 Farba RGB: 255 0 51
Html kód farby: # FF3333 Farba RGB: 255 51 51
Html kód farby: # FF6666 Farba RGB: 255 102 102
Html kód farby: # FF9999 Farba RGB: 255 153 153
Html kód farby: #FFCCCC Farba RGB: 255 204 204
Html kód farby: # 990000 Farba RGB: 153 0 0
Html kód farby: # CC0000 Farba RGB: 204 0 0
Html kód farby: # FF0000 Farba RGB: 255 0 0
Html kód farby: # FF3300 Farba RGB: 255 51 0
HTML kód farby: # CC3300 Farba RGB: 204 51 0
Html kód farby: # FF6633 Farba RGB: 255 102 51
Html kód farby: # 660000 Farba RGB: 102 0 0
HTML kód pre farbu: # 993300 Farba RGB: 153 51 0
Html kód farby: # CC6633 Farba RGB: 204 102 51
Html kód farby: # FF6600 Farba RGB: 255 102 0
Html kód farby: # FF9966 Farba RGB: 255 153 102
Html kód farby: # FFCC99 Farba RGB: 255 204 153
HTML kód pre farbu: # 663300 Farba RGB: 102 51 0
Html kód farby: # 996633 Farba RGB: 153 102 51
Html kód farby: # CC6600 Farba RGB: 204 102 0
HTML kód farby: # CC9966 Farba RGB: 204 153 102
Html kód farby: # FF9933 Farba RGB: 255 153 51
Html kód farby: # FF9900 Farba RGB: 255 153 0
Html kód farby: # 996600 Farba RGB: 153 102 0
Kód farby HTML: # CC9933 Farba RGB: 204 153 51
Html kód farby: # CC9900 Farba RGB: 204 153 0
Html kód farby: # FFCC33 Farba RGB: 255 204 51
Html kód farby: # FFCC00 Farba RGB: 255 204 0
Html kód farby: # FFCC66 Farba RGB: 255 204 102
Html kód farby: # CCCC00 Farba RGB: 204 204 0
Html kód farby: # FFFF00 Farba RGB: 255 255 0
Html kód farby: # FFFF33 Farba RGB: 255 255 51
Html kód farby: # FFFF66 Farba RGB: 255 255 102
Html kód farby: # FFFF99 Farba RGB: 255 255 153
Html kód farby: #FFFFCC Farba RGB: 255 255 204

Táto tabuľka obsahuje 216 bezpečných html farebných kódov. Každá farba má hodnotu v RGB pre špecifikáciu farby v grafických editoroch a HEX pre špecifikáciu farby na html stránkach.

Táto stránka poskytuje 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 a ďalšie.

V starých špecifikáciách koncernu WC3 bolo rozpísaných len 16 kľúčových slov, pomocou ktorých sa nastavovali farby v HTML a CSS. V neskorších, novších špecifikáciách bolo pridaných 130 ďalších kľúčových slov na označenie názvov farieb. V nasledujúcej tabuľke sú uvedené názvy farieb, hexadecimálne kódy a kódy RGB, ktorým zodpovedajú.

Podľa pravidiel CSS sa v názvoch farieb nerozlišujú veľké a malé písmená. Indická červená a indická červená sú ekvivalentné.

Za zmienku tiež stojí, že zo 146 kľúčových slov tabuľky je v nej v skutočnosti menej farieb. Dôvodom je, že niektoré kľúčové slová znamenajú rovnakú farbu. Názvy Grey a Grey teda znamenajú 50% sivú s kódom # 808080 a slovo Magenta je synonymom pre HTML farbu Fuchsia, ktorá zodpovedá hexadecimálnemu kódu # FF00FF. Synonymami sú tiež slová Aqua a Cyan, ktoré zodpovedajú kódu # 00FFFF.

Názov farby v HTML a CSS HEX RGB
Červené tóny:
IndianRed# CD5C5C205, 92, 92
LightCoral# F08080240, 128, 128
Losos# FA8072250, 128, 114
Tmavý losos# E9967A233, 150, 122
Svetlý losos# FFA07A255, 160, 122
Crimson# DC143C220, 20, 60
Červená# FF0000255, 0, 0
FireBrick# B22222178, 34, 34
Tmavo červená# 8B0000139, 0, 0
Ružové tóny:
Ružová# FFC0CB255, 192, 203
Svetlo ružová# FFB6C1255, 182, 193
HotPink# FF69B4255, 105, 180
Deeppink# FF1493255, 20, 147
Stredná FialováČervená# C71585199, 21, 133
PaleVioletRed# DB7093219, 112, 147
Oranžové tóny:
Svetlý losos# FFA07A255, 160, 122
Coral# FF7F50255, 127, 80
Paradajka# FF6347255, 99, 71
Oranžová Červená# FF4500255, 69, 0
Tmavooranžová# FF8C00255, 140, 0
Oranžová# FFA500255, 165, 0
Žlté tóny:
Zlato# FFD700255, 215, 0
žltá# FFFF00255, 255, 0
Svetlo žltá# FFFFE0255, 255, 224
LemonChiffon#FFFACD255, 250, 205
LightGoldenrodYellow# FAFAD2250, 250, 210
PapayaWhip# FFEFD5255, 239, 213
mokasín# FFE4B5255, 228, 181
PeachPuff# FFDAB9255, 218, 185
Palegoldenrod# EEE8AA238, 232, 170
kaki# F0E68C240, 230, 140
Darkkhaki# BDB76B189, 183, 107
Fialové tóny:
Levanduľa# E6E6FA230, 230, 250
Bodliak# D8BFD8216, 191, 216
Slivka# DDA0DD221, 160, 221
fialový# EE82EE238, 130, 238
Orchidea# DA70D6218, 112, 214
Fuchsiová# FF00FF255, 0, 255
purpurová# FF00FF255, 0, 255
Stredná orchidea# BA55D3186, 85, 211
Stredne fialová# 9370DB147, 112, 219
Modrofialová# 8A2BE2138, 43, 226
Tmavofialová# 9400D3148, 0, 211
DarkOrchid# 9932CC153, 50, 204
DarkMagenta# 8B008B139, 0, 139
Fialová#800080 128, 0, 128
Indigo# 4B008275, 0, 130
SlateBlue# 6A5ACD106, 90, 205
DarkSlateBlue# 483D8B72, 61, 139
Hnedé tóny:
Cornsilk# FFF8DC255, 248, 220
Blanšírovaná Mandľa#FFEBCD255, 235, 205
Bisque# FFE4C4255, 228, 196
NavajoWhite#FFDEAD255, 222, 173
Pšenica# F5DEB3245, 222, 179
BurlyWood# DEB887222, 184, 135
Tan# D2B48C210, 180, 140
RosyBrown# BC8F8F188, 143, 143
Piesočnatohnedá# F4A460244, 164, 96
zlatobyľ# DAA520218, 165, 32
DarkGoldenRod# B8860B184, 134, 11
Peru# CD853F205, 133, 63
Čokoláda# D2691E210, 105, 30
Sedlohnedá# 8B4513139, 69, 19
Sienna# A0522D160, 82, 45
Hnedá# A52A2A165, 42, 42
Maroon#800000 128, 0, 0
Primárne farby:
čierna#000000 0, 0, 0
Šedá#808080 128, 128, 128
Strieborná# C0C0C0192, 192, 192
biely#FFFFFF255, 255, 255
Fuchsiová# FF00FF255, 0, 255
Fialová#800080 128, 0, 128
Červená# FF0000255, 0, 0
Maroon#800000 128, 0, 0
žltá# FFFF00205, 92, 92
Olivový#808000 240, 128, 128
Limetka# 00FF00250, 128, 114
zelená#008000 233, 150, 122
Aqua# 00FFFF205, 92, 92
Modrozelený#008080 240, 128, 128
Modrá# 0000 FF250, 128, 114
námorníctvo#000080 233, 150, 122
Názov farby v HTML a CSS HEX RGB
Zelené tóny:
Zelenožltá# ADFF2F173, 255, 47
Chartreuse# 7FFF00127, 255, 0
LawnGreen# 7CFC00124, 252, 0
Limetka# 00FF000, 255, 0
Limetková zelená# 32CD3250, 205, 50
Svetlo zelená# 98FB98152, 251, 152
Svetlo zelená# 90EE90144, 238, 144
Stredná jarná zelená# 00FA9A0, 250, 154
SpringGreen# 00FF7F0, 255, 127
Stredná SeaGreen# 3CB37160, 179, 113
Seagreen# 2E8B5746, 139, 87
ForestGreen# 228B2234, 139, 34
zelená#008000 0, 128, 0
Tmavozelený#006400 0, 100, 0
Žltá zelená# 9ACD32154, 205, 50
OliveDrab# 6B8E23107, 142, 35
Olivový#808000 128, 128, 0
Tmavoolivovozelená# 556B2F85, 107, 47
Stredný akvamarín# 66CDAA102, 205, 170
Tmavomorská zelená# 8FBC8F143, 188, 143
SvetloSeaGreen# 20B2AA32, 178, 170
DarkCyan# 008B8B0, 139, 139
Modrozelený#008080 0, 128, 128
Modré tóny:
Aqua# 00FFFF0, 255, 255
Tyrkysový# 00FFFF0, 255, 255
SvetloCyan# E0FFFF224, 255, 255
Paletyrkysová#AFEEEE175, 238, 238
Akvamarín# 7FFFD4127, 255, 212
tyrkysová# 40E0D064, 224, 208
Stredne tyrkysová# 48D1CC72, 209, 204
Tmavo tyrkysová# 00CED10, 206, 209
CadetBlue# 5F9EA095, 158, 160
SteelBlue# 4682B470, 130, 180
LightSteelBlue# B0C4DE176, 196, 222
PowderBlue# B0E0E6176, 224, 230
Svetlo modrá# ADD8E6173, 216, 230
Modrá obloha# 87CEEB135, 206, 235
SvetloSkyBlue# 87CEFA135, 206, 250
DeepSkyBlue# 00BFFF0, 191, 255
DodgerBlue# 1E90FF30, 144, 255
Nevädzová modrá# 6495ED100, 149, 237
MediumSlateBlue# 7B68EE123, 104, 238
Kráľovská modrá# 4169E165, 105, 225
Modrá# 0000 FF0, 0, 255
Stredne modrá# 0000 CD0, 0, 205
Tmavomodrá# 00008B0, 0, 139
námorníctvo#000080 0, 0, 128
Polnočná modrá#191970 25, 25, 112
Biele tóny:
biely#FFFFFF255, 255, 255
Sneh#FFFAFA255, 250, 250
Medová Rosa# F0FFF0240, 255, 240
Mätový krém# F5FFFA245, 255, 250
Azure# F0FFFF240, 255, 255
AliceBlue# F0F8FF240, 248, 255
Ghostwhite# F8F8FF248, 248, 255
WhiteSmoke# F5F5F5245, 245, 245
Mušle# FFF5EE255, 245, 238
Béžová# F5F5DC245, 245, 220
OldLace# FDF5E6253, 245, 230
FloralWhite# FFFAF0255, 250, 240
Slonovina# FFFFF0255, 255, 240
AntiqueWhite# FAEBD7250, 235, 215
Bielizeň# FAF0E6250, 240, 230
LavenderBlush# FFF0F5255, 240, 245
MistyRose# FFE4E1255, 228, 225
Šedé tóny:
Gainsboro#DCDCDC220, 220, 220
Svetlo šedá# D3D3D3211, 211, 211
Svetlo sivá# D3D3D3211, 211, 211
Strieborná# C0C0C0192, 192, 192
Tmavo-sivá# A9A9A9169, 169, 169
Tmavošedý# A9A9A9169, 169, 169
Šedá#808080 128, 128, 128
Šedá#808080 128, 128, 128
DimGray#696969 105, 105, 105
DimGrey#696969 105, 105, 105
LightSlateGray#778899 119, 136, 153
LightSlateGrey#778899 119, 136, 153
SlateGray#708090 112, 128, 144
SlateGrey#708090 112, 128, 144
DarkSlateGray# 2F4F4F47, 79, 79
DarkSlateGrey# 2F4F4F47, 79, 79
čierna#000000 0, 0, 0

Vlad Merževič

V HTML je farba určená jedným z dvoch spôsobov: pomocou hexadecimálneho kódu a názvom niektorých farieb. Používa sa najmä metóda založená na hexadecimálnej číselnej sústave, ako najuniverzálnejšia.

Hexadecimálne farby

Na špecifikáciu farieb v HTML sa používajú hexadecimálne čísla. Šestnástková sústava je na rozdiel od desiatkovej sústavy založená, ako už jej názov napovedá, na čísle 16. Čísla budú nasledovné: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 , A, B, C , D, E, F. Čísla od 10 do 15 sú nahradené latinskými písmenami. Tabuľka 6.1 ukazuje zhodu medzi desatinnými a hexadecimálnymi číslami.

Čísla väčšie ako 15 v šestnástkovej sústave vznikajú spojením dvoch čísel do jedného (tabuľka 6.2). Napríklad 255 desatinné číslo je FF hexadecimálne.

Aby sa predišlo nejasnostiam v definícii číselnej sústavy, pred šestnástkové číslo sa umiestni znak hash #, napríklad # aa69cc. V tomto prípade nezáleží na registri, takže je dovolené písať # F0F0F0 alebo # f0f0f0.

Typická farba používaná v HTML vyzerá takto.

Tu je farba pozadia webovej stránky nastavená na # FA8E47. Symbol hash # pred číslom znamená, že je hexadecimálne. Prvé dve číslice (FA) definujú červenú zložku farby, tretia až štvrtá číslica (8E) sú zelené a posledné dve číslice (47) sú modré. V dôsledku toho získate túto farbu.

FA + 8E + 47 = FA8E47

Každá z troch farieb – červená, zelená a modrá – môže nadobudnúť hodnoty od 00 do FF, výsledkom čoho je 256 odtieňov. Celkový počet farieb teda môže byť 256x256x256 = 16 777 216 kombinácií. Farebný model založený na červenej, zelenej a modrej zložke sa nazýva RGB (červená, zelená, modrá; červená, zelená, modrá). Tento model je aditívny (od pridať - pridať), v ktorom pridaním všetkých troch komponentov vzniká biela farba.

Aby ste uľahčili navigáciu v hexadecimálnych farbách, vezmite do úvahy niektoré pravidlá.

  • Ak sú hodnoty farebných komponentov rovnaké (napríklad: # D6D6D6), získate šedý odtieň. Čím vyššie číslo, tým svetlejšia farba, hodnoty sa líšia od # 000000 (čierna) po #FFFFFF (biela).
  • Jasne červená farba sa vytvorí, ak je červená zložka nastavená na maximum (FF) a ostatné zložky sú nastavené na nulu. Farba # FF0000 je najčervenší možný červený odtieň. To isté platí pre zelenú (# 00FF00) a modrú (# 0000FF).
  • Žltá (#FFFF00) sa získa zmiešaním červenej so zelenou. To je dobre viditeľné na farebnom koliesku (obr. 6.1), kde sú prezentované primárne farby (červená, zelená, modrá) a doplnkové alebo doplnkové farby. Patrí medzi ne žltá, azúrová a fialová (nazývaná aj purpurová). Vo všeobecnosti možno akúkoľvek farbu získať zmiešaním blízkych farieb. Takže azúrová (# 00FFFF) sa získa kombináciou modrej a zelenej.

Ryža. 6.1. Farebný kruh

Hexadecimálne farby nie je potrebné vyberať empiricky. Na tento účel je vhodný grafický editor, ktorý dokáže pracovať s rôznymi farebnými modelmi, napríklad Adobe Photoshop. Na obr. 6.2 je zobrazené okno pre výber farby v tomto programe, výsledná hexadecimálna hodnota aktuálnej farby je ohraničená čiarou. Môžete ho skopírovať a vložiť do kódu.

Ryža. 6.2. Okno výberu farby vo Photoshope

Webové farby

Ak nastavíte kvalitu farieb monitora na 8 bitov (256 farieb), rovnaká farba sa môže v rôznych prehliadačoch zobrazovať odlišne. Je to spôsobené spôsobom zobrazovania grafiky, kedy prehliadač pracuje s vlastnou paletou a nedokáže zobraziť farbu, ktorú v palete nemá. V tomto prípade je farba nahradená kombináciou pixelov iných, blízkych farieb, ktoré napodobňujú zadanú. Aby farba zostala nezmenená v rôznych prehliadačoch, predstavili sme paletu takzvaných webových farieb. Webové farby sú tie farby, pre každú zložku - červenú, zelenú a modrú - je nastavená jedna zo šiestich hodnôt - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC ), 255 (FF). Zátvorky označujú hexadecimálnu hodnotu tohto komponentu. Celkový počet farieb zo všetkých možných kombinácií dáva 6x6x6 - 216 farieb. Príkladom webovej farby je # 33FF66.

Hlavnou črtou webovej farby je, že vyzerá rovnako vo všetkých prehliadačoch. V súčasnosti je relevantnosť webových farieb veľmi malá kvôli zvýšeniu kvality monitorov a rozšíreniu ich možností.

Farby podľa názvu

Aby ste si nezapamätali množinu čísel, môžete namiesto toho použiť názvy bežne používaných farieb. Tabuľka 6.3 uvádza názvy populárnych názvov farieb.

Tab. 6.3. Niektoré názvy farieb
Názov farby Farba Popis Hexadecimálna hodnota
čierna čierna #000000
Modrá Modrá # 0000 FF
fuchsiová Svetlo fialová # FF00FF
sivá Tmavošedý #808080
zelená zelená #008000
vápno Svetlo zelená # 00FF00
gaštanové Tmavo červená #800000
námorníctvo námornícka modrá #000080
olivový Olivový #808000
Fialová Tmavofialová #800080
červená Červená # FF0000
striebro Svetlo sivá # C0C0C0
modrozelený Modro zelená #008080
biely biely #FFFFFF
žltá žltá # FFFF00

Nezáleží na tom, akým spôsobom špecifikujete farbu - podľa názvu alebo pomocou hexadecimálnych čísel. Tieto metódy sú vo svojej činnosti rovnaké. Príklad 6.1 ukazuje, ako nastaviť pozadie a farbu textu webovej stránky.

Príklad 6.1. Farba pozadia a textu

Farby

Ukážkový text



V tomto príklade je farba pozadia nastavená pomocou atribútu bgcolor značky a farbu textu prostredníctvom atribútu text. Pre zmenu je atribút text nastavený na hexadecimálne číslo a bgcolor je nastavené na kľúčové slovo modrozelená.

Na určenie farby sa používajú kódy farieb CSS. Farebné kódy alebo hodnoty farieb sa zvyčajne používajú na nastavenie farby buď pre popredie prvku (napríklad farba textu, farba odkazu) alebo pre pozadie prvku (farba pozadia, farba bloku). Môžu sa tiež použiť na zmenu farby tlačidla, okraja, značky, vznášania a iných dekoratívnych efektov.

Môžete si nastaviť vlastné hodnoty farieb v rôznych formátoch. V nasledujúcej tabuľke sú uvedené všetky možné formáty:

Uvedené formáty sú podrobnejšie popísané nižšie.

CSS farby - Hexadecimálne kódy

Hexadecimálny kód farby je šesťmiestne znázornenie farby. Prvé dve číslice (RR) predstavujú červenú hodnotu, ďalšie dve predstavujú zelenú hodnotu (GG) a posledné dve predstavujú modrú hodnotu (BB).

CSS farby - krátke hexadecimálne kódy

Krátky hexadecimálny kód farby je kratšia forma šesťmiestneho zápisu. V tomto formáte sa každá číslica opakuje, aby sa vytvorila ekvivalentná šesťciferná hodnota farby. Napríklad: # 0F0 sa zmení na # 00FF00.

Šestnástkovú hodnotu možno prevziať z akéhokoľvek grafického softvéru, ako je Adobe Photoshop, Core Draw atď.

Každému hexadecimálnemu farebnému kódu v CSS bude predchádzať znak hash „#“. Nasledujú príklady použitia hexadecimálneho zápisu.

Farby CSS - Hodnoty RGB

hodnota RGB je kód farby, ktorý sa nastavuje pomocou vlastnosti rgb (). Táto vlastnosť má tri hodnoty, jednu pre červenú, zelenú a modrú. Hodnota môže byť celé číslo od 0 do 255 alebo percento.

Poznámka: nie všetky prehliadače podporujú vlastnosť farby rgb (), preto sa neodporúča používať ju.

Nižšie je uvedený príklad viacerých farieb pomocou hodnôt RGB.

Generátor farebného kódu

Pomocou našej služby môžete vytvoriť milióny farebných kódov.

Bezpečné farby prehliadača

Nižšie je uvedená tabuľka 216 farieb, ktoré sú najbezpečnejšie a najviac nezávislé od počítača. Tieto farby CSS sa pohybujú od 000000 do FFFFFF hexadecimálne. Ich používanie je bezpečné, pretože zaisťujú, že všetky počítače zobrazujú farby správne pri práci s paletou 256 farieb.

CSS "bezpečná" tabuľka 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# 3300FF
#333300 #333333 #333366 #333399 # 3333CC# 3333FF
#336600 #336633 #336666 #336699 # 3366CC# 3366FF
#339900 #339933 #339966 #339999 # 3399CC# 3399FF
# 33CC00# 33CC33# 33CC66# 33CC99# 33CCCC# 33CCFF
# 33FF00# 33FF33# 33FF66# 33FF99# 33FFCC# 33FFFF
#660000 #660033 #660066 #660099 # 6600 CC# 6600FF
#663300 #663333 #663366 #663399 # 6633CC# 6633FF
#666600 #666633 #666666 #666699 # 6666CC# 6666FF
#669900 #669933 #669966 #669999 # 6699CC# 6699FF
# 66CC00# 66CC33# 66CC66# 66CC99# 66CCCC# 66CCFF
# 66FF00# 66FF33# 66FF66# 66FF99# 66FFCC# 66FFFF
#990000 #990033 #990066 #990099 # 9900 CC# 9900FF
#993300 #993333 #993366 #993399 # 9933CC# 9933FF
#996600 #996633 #996666 #996699 # 9966CC# 9966FF
#999900 #999933 #999966 #999999 # 9999CC# 9999FF
# 99CC00# 99CC33# 99CC66# 99CC99# 99CCCC# 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



Súvisiace články

Najnovšie články
Populárne články
Voľba redaktora
rzdoro.ru