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, môže sa 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é anglické názvy farieb (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 |
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, hexadecimálne 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. Takže názvy Grey a Grey znamenajú 50 percent sivej s kódom #808080 a slovo Magenta je synonymom HTML farby Fuchsiová, zodpovedajúca hexadecimálnemu kódu #FF00FF. Slová Aqua a Cyan sú tiež synonymá, zodpovedajú kódu #00FFFF .
|
|
Kódy farieb v CSS sa používajú na špecifikáciu farieb. Farebné kódy alebo hodnoty farieb sa zvyčajne používajú na nastavenie farby buď popredia prvku (napr. text, farba odkazu) alebo pozadia prvku (farba pozadia, bloku). Môžu byť tiež použité na zmenu farby tlačidiel, okrajov, značky, vznášania a iných dekoratívnych efektov.
Môžete si nastaviť vlastné hodnoty farieb rôznych formátov. V nasledujúcej tabuľke sú uvedené všetky možné formáty:
Tieto formáty sú podrobnejšie opísané nižšie.
CSS farby - Hex kódy
Hexadecimálny kód farby je šesťmiestne zobrazenie farieb. Prvé dve číslice (RR) sú červená hodnota, ďalšie dve sú zelená hodnota (GG) a posledné dve sú modrá hodnota (BB).
CSS farby - krátke hexadecimálne kódy
Krátky hexadecimálny kód farby je kratšia forma šesťznakového 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 ľubovoľnej grafiky softvér, ako napr 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 nezávislé od počítača. Tieto farby v CSS sa pohybujú od 000000 do FFFFFF hex kód. Ich používanie je bezpečné, pretože zaisťujú, že všetky počítače budú správne zobrazovať farby pri práci s paletou 256 farieb.
Tabuľka "bezpečných" farieb v CSS | |||||
#000000 | #000033 | #000066 | #000099 | #0000 CC | #0000FF |
#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 | #6600CC | #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 |