Tmavo tyrkysová farba. Farbu v štýloch je možné nastaviť rôznymi spôsobmi: podľa hexadecimálnej hodnoty, podľa názvu, vo formáte RGB, RGBA, HSL, HSLA. S RGB

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é 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.

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 sa skladá 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 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)

16 miliónov odtieňov

Kombináciou červenej, modrej a zelenej s hodnotami 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ých monitorov je schopná zobraziť najmenej 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).

AT farebná schéma nasledujúca je zmena podielu červenej z 0 na 255 s nulovými hodnotami pre modrú a zelenú:

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.

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:

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ž 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 nejasnostiam v definícii číselnej sústavy, pred hexadecimálnym číslom je symbol hash #, napríklad #666999. Každá z troch farieb – červená, zelená a modrá – môže nadobúdať hodnoty od 00 do FF. Označenie farby je teda rozdelené do troch zložiek #rrggbb, kde prvé dva znaky označujú červenú zložku farby, dva stredné 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 názvu. V tabuľke. 1 zobrazuje názvy, hexadecimálny kód, hodnoty v RGB, formát HSL a popis.

S RGB

Farbu môžete definovať pomocou hodnôt červenej, zelenej a modrej v desatinných číslach. Každá z troch farebných zložiek nadobúda hodnotu od 0 do 255. Prijateľné je aj nastavenie farby v percentách, pričom 100 % bude zodpovedať číslu 255. Najprv sa určí kľúčové slovo rgb a potom sa zadajú farebné zložky uvedené 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ý nastavuje priehľadnosť prvku. Hodnota 0 je úplne priehľadná, 1 je nepriehľadná a stredná hodnota ako 0,5 je priesvitná.

RGBA sa pridáva do CSS3, takže validácia kódu CSS by sa mala vykonávať 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 RGB pridaná do vlastnosti farba pozadia prejde validáciou, ale farba pridaná do vlastnosti pozadia nie. Prehliadače zároveň celkom správne chápu farbu pre obe vlastnosti.

HSL

Názov formátu HSL je tvorený kombináciou 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° je červená, 120° je zelená a 240° je modrá. Hodnota odtieňa sa môže meniť od 0 do 359.

Ryža. 1. Farebné koliesko

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

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

HSLA

Formát HSLA je syntaxou podobný HSL, ale obsahuje alfa kanál, ktorý nastavuje priehľadnosť prvku. Hodnota 0 je úplne priehľadná, 1 je nepriehľadná a stredná hodnota ako 0,5 je priesvitná.

Hodnoty farieb vo formátoch RGBA, HSL a HSLA sa pridávajú do CSS3, takže pri používaní týchto formátov skontrolujte platnosť kódu voči verzii.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

POZOR

Všetky spôsoby odchytu leva 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ýsledok. Pamätajte, že lev je dravec a nebezpečné zviera!

Výsledok tento príklad znázornené na obr. 2.

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

Kódy farieb v CSS sa používajú na špecifikáciu farieb. Typické sú farebné kódy resp farebné hodnoty sa používajú na nastavenie farby buď popredia prvku (napríklad farba textu, odkazov) 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.

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ôznych vykresľovacích systémov. 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é slová zahŕňa nasledujúce hodnoty:

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álne hodnoty), za ktorým 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.