Html farebné kódy online. Farba v štýloch môže byť špecifikovaná rôznymi spôsobmi: hexadecimálnou hodnotou, názvom, vo formáte RGB, RGBA, HSL, HSLA. Existuje niekoľko spôsobov, ako reprezentovať farby vo webovom dizajne.

Táto stránka obsahuje tabuľku s kľúčovými slovami, ktoré možno použiť na označenie farieb v jazykoch webových vývojárov, ako sú: HTML, CSS, JavaScript, Flash atď.

V starých špecifikáciách pre koncern WC3 bolo špecifikovaných len 16 kľúčových slov, pomocou ktorých sa nastavovali farby v HTML a CSS. V ďalších modernejších špecifikáciách bolo pridaných ďalších 130 kľúčových slov na označenie názvov farieb. Nasledujúca tabuľka obsahuje názvy farieb a 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. Dôvodom je, že niektoré kľúčové slová odkazujú na rovnakú farbu. Názvy Gray a Grey teda predstavujú 50% kód šedej farby #808080 a slovo Magenta je synonymom pre HTML farbu Fuchsia, zodpovedajúcu hexadecimálnemu kódu #FF00FF. Synonymné sú aj slová Aqua a Cyan, zodpovedajú kódu #00FFFF.

Tabuľka (paleta) farieb html 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 dvojznakových hodnôt v systéme hexadecimálnych čísel. 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ť, mení sa od 0-100 alebo 0-1. Čím je tento parameter vyšší, tým je farba „čistejšia“, a preto sa tento parameter niekedy nazýva č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.

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 palcov desiatková sústava 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

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.

Používanie RGB

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

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

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 spôsobujú, že farba je tmavšia a vysoké hodnoty ju zosvetľujú, extrémne hodnoty 0 % a 100 % zodpovedajú čiernej a bielej.

HSLA

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 sú pridané 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

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)

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) farieb a CRT monitory dokážu zobraziť prakticky neobmedzený počet farieb).

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

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

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: