HTML kód pre celú paletu. Farba v štýloch môže byť špecifikovaná rôznymi spôsobmi: hexadecimálnou hodnotou, názvom, vo formáte RGB, RGBA, HSL, HSLA. Štandardizované názvy farieb

Vlad Merževič

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

Hexadecimálne farby

HTML používa na špecifikáciu farieb 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. V tabuľke 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 číslo 255 v desiatkovej sústave zodpovedá číslu FF v šestnástkovej sústave.

Aby sa predišlo nejasnostiam pri definovaní číselnej sústavy, pred hexadecimálnym číslom sa nachádza symbol hash #, napríklad #aa69cc. V tomto prípade nezáleží na veľkosti písmen, preto 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) definujú zelenú zložku a posledné dve číslice (47) definujú modrú zložku. Konečným výsledkom bude táto farba.

F.A.

+

8E

+

47

=

FA8E47

Každá z troch farieb – červená, zelená a modrá – môže nadobudnúť hodnoty od 00 do FF, čo vedie k celkovo 256 odtieňom. 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 add - add), 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), výsledkom bude šedý odtieň. Čím vyššie číslo, tým svetlejšia farba s hodnotami od #000000 (čierna) do #FFFFFF (biela).
• Jasne červená farba sa vytvorí, ak je červená zložka nastavená na maximum (FF) a zvyšné zložky sú nastavené na nulu. Farba s hodnotou #FF0000 je najčervenší možný červený odtieň. To isté platí pre zelenú (#00FF00) a modrú (#0000FF).
• Žltá (#FFFF00) sa vyrába zmiešaním červenej a zelenej. To je jasne viditeľné na farebnom koliesku (obr. 6.1), ktoré predstavuje primárne farby (červená, zelená, modrá) a doplnkové alebo doplnkové. 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 farieb blízko nej. Azúrová (#00FFFF) sa teda získa spojením modrej a zelenej.

Ryža. 6.1. Farebný kruh

Farby založené na hexadecimálnych hodnotách nemusia byť vybrané empiricky. Na tento účel je vhodný grafický editor, ktorý dokáže pracovať s rôznymi farebnými modelmi, napríklad Adobe Photoshop. Na obr. Obrázok 6.2 zobrazuje 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 na výber farieb vo Photoshope

Webové farby

Ak nastavíte kvalitu podania farieb monitora na 8 bitov (256 farieb), potom sa tá istá farba 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á nie je v jeho palete. V tomto prípade je farba nahradená kombináciou pixelov iných, jemu blízkych farieb, ktoré napodobňujú danú. Aby farba zostala rovnaká v rôznych prehliadačoch, bola predstavená paleta takzvaných webových farieb. Webové farby sú farby, pre ktoré je každá zložka – červená, zelená a modrá – nastavená na jednu zo šiestich hodnôt – 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) 255 (FF). Šestnástková hodnota tohto komponentu je uvedená v zátvorkách. Celkový počet farieb zo všetkých možných kombinácií dáva 6x6x6 - 216 farieb. Príklad webovej farby je #33FF66.

Hlavnou črtou webovej farby je, že sa vo všetkých prehliadačoch zobrazuje rovnako. V súčasnosti je relevancia webových farieb veľmi malá vzhľadom na zlepšenie kvality monitorov a rozšírenie ich možností.

Farby podľa názvu

Aby ste si nemuseli pamätať množinu čísel, môžete namiesto nich použiť názvy bežne používaných farieb. V tabuľke 6.3 zobrazuje názvy populárnych mien farieb.

Tabuľka 6.3. Názvy niektorých farieb

Názov farby	Farba	Popis	Hexadecimálna hodnota
čierna		čierna	#000000
Modrá		Modrá	#0000FF
fuchsiová		Svetlo fialová	#FF00FF
sivá		Tmavošedý	#808080
zelená		zelená	#008000
vápno		Svetlo zelená	#00FF00
gaštanové		Tmavo červená	#800000
námorníctvo		Tmavomodrá	#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, či špecifikujete farbu podľa názvu alebo pomocou hexadecimálnych čísel. Tieto metódy sú svojim účinkom rovnocenné. Príklad 6.1 ukazuje, ako nastaviť farby pozadia a textu webovej stránky.

Príklad 6.1. Farba pozadia a textu

Príklad textu

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

Na určenie farieb 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. Čísla väčšie ako 15 v šestnástkovej sústave vznikajú spojením dvoch čísel do jedného. Napríklad číslo 255 v desiatkovej sústave zodpovedá číslu FF v šestnástkovej sústave. Aby sa predišlo zmätkom pri určovaní číselnej sústavy, pred šestnástkové číslo sa umiestni krížik #, napríklad #666999. Každá z troch farieb – červená, zelená a modrá – môže nadobúdať hodnoty od 00 do FF. Farebný symbol je teda rozdelený na tri zložky #rrggbb, kde prvé dva symboly označujú červenú zložku farby, stredné dva - zelenú a posledné dva - modrú. Je povolené používať skrátenú formu #rgb, kde by mal byť každý znak zdvojený. Záznam #fe0 by sa teda mal považovať za #ffee00.

Podľa názvu

internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Prehliadače podporujú niektoré farby podľa ich názvu. V tabuľke 1 zobrazuje názvy, hexadecimálny kód, RGB, hodnoty HSL a popis.

Tabuľka 1. Názvy farieb

názov	Farba	kód	RGB	HSL	Popis
biely		#ffffff alebo #fff	rgb(255,255,255)	hsl(0,0%,100%)	biely
striebro		#c0c0c0	rgb(192,192,192)	hsl (0,0 %, 75 %)	Šedá
sivá		#808080	rgb(128,128,128)	hsl (0,0 %, 50 %)	Tmavošedý
čierna		#000000 alebo #000	rgb(0,0,0)	hsl(0,0%,0%)	čierna
gaštanové		#800000	rgb(128,0,0)	hsl (0,100 %, 25 %)	Tmavo červená
červená		#ff0000 alebo #f00	rgb(255,0,0)	hsl(0,100%,50%)	Červená
oranžová		#ffa500	rgb(255,165,0)	hsl (38,8,100%,50%)	Oranžová
žltá		#ffff00 alebo #ff0	rgb(255,255,0)	hsl(60,100%,50%)	žltá
olivový		#808000	rgb(128,128,0)	hsl(60,100%,25%)	Olivový
vápno		#00ff00 alebo #0f0	rgb(0,255,0)	hsl(120,100%,50%)	Svetlo zelená
zelená		#008000	rgb(0,128,0)	hsl(120,100%,25%)	zelená
aqua		#00ffff alebo #0ff	rgb(0,255,255)	hsl(180,100%,50%)	Modrá
Modrá		#0000ff alebo #00f	rgb(0,0,255)	hsl(240,100%,50%)	Modrá
námorníctvo		#000080	rgb(0,0,128)	hsl(240,100%,25%)	Tmavomodrá
modrozelený		#008080	rgb(0,128,128)	hsl(180,100%,25%)	Modro zelená
fuchsiová		#ff00ff alebo #f0f	rgb(255,0,255)	hsl(300,100%,50%)	Ružová
Fialová		#800080	rgb(128,0,128)	hsl(300,100%,25%)	fialový

Používanie RGB

internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Farbu môžete definovať pomocou hodnôt červenej, zelenej a modrej v desatinných číslach. Každá z troch farebných zložiek nadobudne hodnotu od 0 do 255. Je tiež povolené určiť farbu v percentách, pričom 100 % zodpovedá číslu 255. Najprv zadajte kľúčové slovo rgb a potom zadajte farebné zložky v zátvorkách oddelené čiarkami, napríklad rgb(255, 128, 128) alebo 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 syntaxou podobný RGB, ale obsahuje alfa kanál, ktorý špecifikuje priehľadnosť prvku. Hodnota 0 je úplne priehľadná, 1 je nepriehľadná a stredná hodnota ako 0,5 je polopriehľadná.

RGBA bol pridaný do CSS3, takže kód CSS musí byť overený podľa tejto verzie. Treba poznamenať, že štandard CSS3 je stále vo vývoji a niektoré funkcie sa môžu zmeniť. Napríklad farba vo formáte RGB pridaná do vlastnosti background-color je overená, ale farba pridaná do vlastnosti pozadia už nie je platná. Prehliadače zároveň celkom správne chápu farbu pre obe 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ázov formátu HSL je odvodený od kombinácie prvých písmen Hue (odtieň), Saturate (sýtosť) a Lightness (svetlosť). Odtieň je hodnota farby na farebnom koliesku (obr. 1) a udáva sa v stupňoch. 0° zodpovedá červenej, 120° zelenej a 240° modrej. Hodnota odtieňa sa môže meniť od 0 do 359.

Ryža. 1. Farebné koliesko

Sýtosť je intenzita farby a meria sa v percentách od 0 % do 100 %. Hodnota 0 % označuje žiadnu farbu a odtieň sivej, 100 % je maximálna hodnota pre sýtosť.

Svetlosť určuje, aká jasná je farba, a uvádza sa v percentách od 0 % do 100 %. Nízke hodnoty farbu stmavia a vysoké hodnoty zosvetlia, extrémne hodnoty 0 % a 100 % zodpovedajú čiernej a bielej.

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 syntaxou podobný ako HSL, ale obsahuje alfa kanál na určenie transparentnosti prvku. Hodnota 0 je úplne priehľadná, 1 je nepriehľadná a stredná hodnota ako 0,5 je polopriehľadná.

Hodnoty farieb RGBA, HSL a HSLA sa pridávajú do CSS3, preto pri používaní týchto formátov skontrolujte platnosť verzie kódu.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

POZOR

Všetky metódy chytania levov uvedené na stránke sú teoretické a založené na výpočtových metódach. Autori neručia za vašu bezpečnosť pri ich používaní a zriekajú sa akejkoľvek zodpovednosti za výsledky. Pamätajte, že lev je dravec a nebezpečné zviera!

Výsledok tohto príkladu je znázornený na obr. 2.

Ryža. 2. Farby na webovej stránke

Počítačové hry sú jedným z najobľúbenejších spôsobov trávenia voľného času. Keď sa ponoríme do sveta videohier, zabudneme na skutočné problémy a problémy, oddýchneme si a zabavíme sa. A ak ide o online hru alebo hru v režime pre viacerých hráčov, jej hlavnou výhodou je, že tu môžete stretnúť veľa ľudí z celého sveta a nájsť nielen rovnako zmýšľajúcich ľudí, ale aj najlepších priateľov. Chcete vedieť, ako môžu nastavenia hry, až po farbu v MTA, ovplyvniť vaše interakcie s ostatnými hráčmi? Pokračuj v čítaní!

Vlastnosti režimu pre viacerých hráčov

Premýšľali ste niekedy: ako upraviť farby v MTA alebo inej hre? Nikto z ľudí, ktorí kedy mali možnosť zahrať si online hru s veľkým počtom hráčov, nezaprie, že sa chcú pred ostatnými ukázať v tom najlepšom svetle. Môžete sa pochváliť špeciálnymi, drahými vecami svojej postavy, vyniknúť v znalostiach hernej terminológie alebo si jednoducho prispôsobiť rozhranie svojej hry tak, aby fungovalo lepšie ako rozhranie neskúsených hráčov.

Farby v "MTA" - čo potrebujete vedieť?

Ak hovoríme o jednej z verzií multiplayerového režimu hry „GTA: San Andreas“, „MTA“, farba tu hrá veľmi dôležitú úlohu. Možnosť prispôsobiť si farbu svojej prezývky v MTA je jednou z najlepších zručností, ktoré by si mal osvojiť každý začínajúci hráč.

Ak chcete nastaviť farbu prezývky, prejdite do aplikácie „MTA: SA“ a kliknite na možnosť Nastavenia, potom vyberte svoje meno a potom zadajte požadovaný kód farby priamo pred ním. V "MTA" je veľká paleta farieb pre prezývky. Do článku sme zaradili vzorové paletky, z ktorých si môžete vybrať odtieň, ktorý sa vám páči.

Teraz už viete, ako môžete vyniknúť a odlíšiť svoju prezývku od prezývok začiatočníkov a neskúsených hráčov. Jasný, odlíši vás od bežných hráčov a pritiahne na vás viac pozornosti. Užite si hru!

Farby HTML sú označené šiestimi znakmi za lomkou – napríklad #000000. Týchto šesť symbolov predstavuje pomery rôznych farieb (červená, zelená, modrá) v konečnej farbe. Na monitore vášho počítača je obraz vytvorený z obrovského množstva bodov nazývaných pixely. Každý pixel je malý svetelný zdroj, nazvime ho „baterka“, ktorá sa zase skladá z troch bateriek – červenej, zelenej a modrej. Znížením alebo zvýšením intenzity žiary jednotlivých farebných bateriek získame požadovanú farbu.

HTML farebné kódy

Farby v HTML sú reprezentované hexadecimálnym (HEX) zápisom červenej, modrej a zelenej (RGB).

Najmenšia hodnota farby je 0 (hexadecimálne 00). Najvyššia hodnota farby je 255 (hex FF).

Šestnástková hodnota farby sú tri číslice začínajúce znakom #.

Farebné kódy (významy)

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 percento každej farby vznikne celkovo viac ako 16 miliónov odtieňov (256 x 256 x 256).

Väčšina moderných monitorov je schopná zobraziť najmenej 16 384 rôznych odtieňov (LCD monitory sú vo všeobecnosti schopné zobraziť 262 tisíc 16 miliónov (aktualizované v októbri 2013) farby a CRT monitory dokážu zobraziť prakticky neobmedzený počet farieb).

Nižšie uvedená farebná tabuľka ukazuje zmenu podielu červenej od 0 do 255 s nulovými hodnotami pre modrú a zelenú:

Č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é podiely všetkých farieb. Aby sme vám uľahčili výber správnej farby, poskytujeme vám kódy odtieňov šedej

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 (všetky prehliadače).

Zbierka 150 názvov farieb v html, podporovaná vo všetkých prehliadačoch.

Štandardizované názvy farieb

W3C uvádza 16 platných názvov farieb pre HTML a CSS: aqua, čierna, modrá, fuchsiová, šedá, zelená, limetková, 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, je správnejšie použiť ich hexadecimálny (HEX) kód 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á na správne zobrazenie farieb 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
99 CC00	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

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ď pre farbu popredia prvku (napr. farba textu, farba odkazu) alebo pre farbu pozadia prvku (farba pozadia, farba bloku). Môžu byť tiež použité na zmenu farby tlačidla, okraja, značky, vznášania a iných dekoratívnych efektov.

Hodnoty farieb môžete zadať 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 - Hex 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ť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 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 „#“. Nižšie sú uvedené príklady použitia hexadecimálnych zápisov.

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ť farieb 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 pre prehliadač

Nižšie je uvedená tabuľka 216 farieb, ktoré sú najbezpečnejšie a najviac nezávislé od počítača. Tieto farby v CSS sa pohybujú od 000000 do hexadecimálneho kódu FFFFFF. 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.

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