Barva tmavě tyrkysová. Barvu ve stylech lze specifikovat různými způsoby: hexadecimální hodnotou, jménem, ​​ve formátu RGB, RGBA, HSL, HSLA. Použití RGB

Stůl (paleta) barvy html vám dává možnost nezávisle si vybrat tón, který potřebujete. Hodnota barvy se zobrazuje ve třech formátech: Hex, RGB a HSV.

• Hex se skládá ze tří dvouznakových hodnot v hexadecimálním číselném systému. Například: #ff00b3, kde první dvojice čísel je červená, druhá je zelená a třetí je modrá.
• RGB (RedGreenBlue) má tvar „200,100,255“, udávající množství odpovídajícího tónu (červená, zelená, modrá) ve výsledné barvě.
• HSV (Hue, Saturation, Value - tón, sytost, hodnota) - barevný model, ve kterém jsou souřadnice:
  • Hue - barevný tón, může se lišit od 0° do 360°.
  • Saturation - sytost, pohybuje se od 0-100 nebo 0-1. Čím vyšší je tento parametr, tím je barva „čistší“, proto se tomuto parametru někdy říká čistota barev. A čím blíže je tento parametr nule, tím blíže je barva neutrální šedé.
  • Hodnota (hodnota barvy) - nastavuje jas, hodnota se také může pohybovat mezi 0-100 nebo 0-1.

Zadejte kód barvy: JÍT

Seznam barev s názvy

V tabulce jsou uvedeny názvy barev na anglický jazyk(které lze použít jako hodnoty) podporované všemi prohlížeči a jejich hexadecimální hodnoty. Všechny uvedené barvy jsou „bezpečné“, což znamená, že se budou zobrazovat stejně ve všech prohlížečích.

Barvy HTML jsou označeny šesti znaky za lomítkem – například #000000. Těchto šest symbolů představuje proporce různých barev (červená, zelená, modrá) v konečné barvě. Na monitoru vašeho počítače se obraz tvoří z velkého množství bodů, kterým se říká pixely. Každý pixel je malý světelný zdroj, říkejme mu „baterka“, který se zase skládá ze tří baterek – červené, zelené a modré. Snížením nebo zvýšením intenzity svitu jednotlivých barevných baterek získáme požadovanou barvu.

HTML barevné kódy

Barvy v HTML jsou reprezentovány hexadecimálním (HEX) zápisem červené, modré a zelené (RGB).

Nejmenší hodnota barvy je 0 (hexadecimálně 00). Nejvyšší hodnota barva je 255 (hex FF).

Hexadecimální hodnota barvy jsou tři číslice začínající znakem #.

Barevné kódy (významy)

16 milionů odstínů

Kombinací červené, modré a zelené s hodnotami v rozmezí od 0 do 255 pro procento každé barvy vznikne celkem více než 16 milionů odstínů (256 x 256 x 256).

Většina moderních monitorů je schopna zobrazit minimálně 16 384 různých odstínů (LCD monitory jsou obecně schopny zobrazit 262 tisíc 16 milionů (aktualizováno v říjnu 2013) barev a CRT monitory mohou zobrazovat prakticky neomezený počet barev).

V barevná tabulka Níže je uvedena změna podílu červené z 0 na 255 s nulovými hodnotami pro modrou a zelenou:

Odstíny šedi

K získání odstínů šedé se použijí stejné podíly všech barev. Abychom vám usnadnili výběr správné barvy, poskytujeme vám kódy odstínů šedé

Názvy barev HTML pro různé prohlížeče (všechny prohlížeče).

Sbírka 150 názvů barev v html, podporovaná ve všech prohlížečích.

Standardizované názvy barev

W3C uvádí 16 platných názvů barev pro HTML a CSS: aqua, černá, modrá, fuchsiová, šedá, zelená, limetková, kaštanová (kaštanová), navy (ultramarínová), olivová (olivová), fialová (fialová), červená (červená) , stříbrná (stříbrná), modrozelená (šedá), bílá (bílá) a žlutá (žlutá).

Při použití barev, které nejsou uvedeny v tomto seznamu, je správnější použít jejich hexadecimální (HEX) kód nebo RGB kód.

Bezpečné barvy

Před několika lety, kdy počítače mohly podporovat maximálně 256 různých barev, byl navržen seznam 216 „Web Safe Colors“ se 40 barvami vyhrazenými pro systém.

Tato paleta 216 barev byla vytvořena, aby správně zobrazovala barvy v režimu palety 256 barev.

Nyní na tom nezáleží, protože většina počítačů po celém světě podporuje miliony odstínů barev. V každém případě zde je seznam těchto barev:

K určení barev se používají hexadecimální čísla. Šestnáctková soustava je na rozdíl od desítkové soustavy založena, jak její název napovídá, na čísle 16. Čísla budou následující: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Čísla od 10 do 15 jsou nahrazena latinkou. Čísla větší než 15 v šestnáctkové soustavě vznikají spojením dvou čísel do jednoho. Například číslo 255 palců desítková soustava odpovídá číslu FF v šestnáctkové soustavě. Aby se předešlo zmatkům při určování číselné soustavy, před hexadecimální číslo se umístí symbol hash #, například #666999. Každá ze tří barev – červená, zelená a modrá – může nabývat hodnot od 00 do FF. Barevný symbol je tedy rozdělen na tři složky #rrggbb, kde první dva symboly označují červenou složku barvy, prostřední dva - zelenou a poslední dva - modrou. Je povoleno používat zkrácený tvar #rgb, kde by měl být každý znak zdvojen. Záznam #fe0 by tedy měl být považován za #ffee00.

Podle jména

Prohlížeče podporují některé barvy podle jejich názvu. V tabulce 1 zobrazuje názvy, hexadecimální kód, RGB, hodnoty HSL a popis.

Použití RGB

Barvu můžete definovat pomocí hodnot červené, zelené a modré v desítkové soustavě. Každá ze tří barevných složek nabývá hodnoty od 0 do 255. Je také přípustné určit barvu v procentech, přičemž 100 % odpovídá číslu 255. Nejprve zadejte klíčové slovo rgb a poté určete barevné složky v závorkách , oddělené čárkami, například rgb(255, 128, 128) nebo rgb(100 %, 50 %, 50 %).

RGBA

Formát RGBA je syntaxí podobný RGB, ale obsahuje alfa kanál, který určuje průhlednost prvku. Hodnota 0 je plně průhledná, 1 je neprůhledná a střední hodnota jako 0,5 je poloprůhledná.

RGBA byl přidán do CSS3, takže kód CSS musí být ověřen podle této verze. Je třeba poznamenat, že standard CSS3 je stále ve vývoji a některé funkce se mohou změnit. Například barva ve formátu RGB přidaná do vlastnosti background-color je ověřena, ale barva přidaná do vlastnosti pozadí již není platná. Prohlížeče přitom celkem správně chápou barvu pro obě vlastnosti.

HSL

Název formátu HSL je odvozen od kombinace prvních písmen Hue (odstín), Saturate (sytost) a Lightness (světlost). Odstín je hodnota barvy na barevném kolečku (obr. 1) a udává se ve stupních. 0° odpovídá červené, 120° zelené a 240° modré. Hodnota odstínu se může lišit od 0 do 359.

Rýže. 1. Barevné kolečko

Sytost je intenzita barvy a měří se v procentech od 0 % do 100 %. Hodnota 0 % znamená žádnou barvu a odstín šedé, 100 % maximální hodnota nasycení.

Světlost určuje, jak jasná je barva, a udává se v procentech od 0 % do 100 %. Nízké hodnoty barvu ztmaví a vysoké hodnoty zesvětlí, extrémní hodnoty 0 % a 100 % odpovídají černé a bílé.

HSLA

Formát HSLA je syntaxí podobný jako HSL, ale obsahuje alfa kanál pro určení průhlednosti prvku. Hodnota 0 je plně průhledná, 1 je neprůhledná a střední hodnota jako 0,5 je poloprůhledná.

Hodnoty barev RGBA, HSL a HSLA jsou přidány do CSS3, takže při používání těchto formátů zkontrolujte platnost verze kódu.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Varování

Všechny metody odchytu lvů uvedené na stránce jsou teoretické a založené na výpočetních metodách. Autoři neručí za vaši bezpečnost při jejich používání a zříkají se jakékoli odpovědnosti za výsledky. Pamatujte, že lev je dravec a nebezpečné zvíře!

Výsledek tento příklad znázorněno na Obr. 2.

Rýže. 2. Barvy na webové stránce

Barevné kódy v CSS se používají k určení barev. Typicky jsou barevné kódy popř barevné hodnoty se používají k nastavení barvy buď pro popředí prvku (např. barva textu, barva odkazu) nebo barvu pozadí prvku (barva pozadí, barva bloku). Lze je také použít ke změně barvy tlačítka, ohraničení, značky, vznášení a dalších dekorativních efektů.

Hodnoty barev můžete nastavit v různé formáty. V následující tabulce jsou uvedeny všechny možné formáty:

Uvedené formáty jsou podrobněji popsány níže.

CSS barvy - Hex kódy

Hexadecimální kód barvy je šestimístná reprezentace barvy. První dvě číslice (RR) představují červenou hodnotu, další dvě představují zelenou hodnotu (GG) a poslední dvě představují modrou hodnotu (BB).

CSS barvy - krátké hexadecimální kódy

Krátký hexadecimální kód barvy je kratší forma šestiznakového zápisu. V tomto formátu se každá číslice opakuje, aby vznikla ekvivalentní šestimístná hodnota barvy. Například: #0F0 se změní na #00FF00.

Hexadecimální hodnotu lze převzít z libovolné grafiky software, jako Adobe Photoshop, Core Draw atd.

Každému hexadecimálnímu barevnému kódu v CSS bude předcházet znak hash „#“. Níže jsou uvedeny příklady použití hexadecimálních zápisů.

CSS barvy – hodnoty RGB

hodnota RGB je kód barvy, který se nastavuje pomocí vlastnosti rgb(). Tato vlastnost má tři hodnoty: jednu pro červenou, zelenou a modrou. Hodnota může být celé číslo od 0 do 255 nebo procento.

Poznámka: Ne všechny prohlížeče podporují vlastnost barvy rgb(), proto se nedoporučuje ji používat.

Níže je uveden příklad ukazující více barev pomocí hodnot RGB.

Generátor barevných kódů

Pomocí naší služby můžete vytvořit miliony barevných kódů.

Bezpečné barvy pro prohlížeč

Níže je tabulka 216 barev, které jsou nejbezpečnější a nezávislé na počítači. Tyto barvy v CSS se pohybují od 000000 do FFFFFF hexadecimálního kódu. Jejich použití je bezpečné, protože zajišťují, že všechny počítače zobrazují barvy správně při práci s paletou 256 barev.

Barevný modul CSS podrobně popisuje hodnoty, které umožňují autorům definovat barvy a neprůhlednost prvků html a také hodnoty vlastnosti color.

vlastnost barvy

1. Prioritní barvy: vlastnost barev

Vlastnost nastavuje barvu písma pomocí různé systémy barevné podání. Vlastnost popisuje barvu textového obsahu prvku. Kromě toho se používá k poskytnutí potenciální nepřímé hodnoty (currentColor) pro jakékoli další vlastnosti, které přijímají hodnoty barev.

Nemovitost se dědí.

2. Hodnoty barev

2.1. Hlavní klíčová slova

Seznam hlavních klíčová slova zahrnuje následující hodnoty:

V názvech barev se nerozlišují velká a malá písmena.

Syntax

Barva: modrozelená;

2.2. Číselné hodnoty barev

2.2.1. Barvy modelu RGB

Hexadecimální formát hodnoty RGB je znak #, za kterým bezprostředně následují tři nebo šest hexadecimálních znaků. Třímístný zápis RGB #rgb se převede do šestimístného tvaru #rrggbb zkopírováním číslic namísto přidáváním nul. Například #fb0 se rozšíří na #ffbb00 . Tím je zajištěno, že bílá #ffffff může být specifikována v krátkém záznamu #fff, a odstraní se všechny závislosti na barevné hloubce displeje.

Formát hodnoty RGB ve funkčním zápisu je rgb(, za nímž následuje seznam tří číselných hodnot oddělených čárkami (buď tři celočíselné hodnoty nebo tři procentuální hodnoty), za kterým následuje symbol) . Hodnota celého čísla 255 odpovídá 100 % a F nebo FF v hexadecimálním zápisu:

Rgb(255,255,255) = rgb(100 %, 100 %, 100 %) = #FFF

Kolem číselných hodnot jsou povoleny mezery.