Modrá v číslech. Barvu ve stylech lze nastavit různými způsoby: hexadecimální hodnotou, jménem, ​​ve formátu RGB, RGBA, HSL, HSLA. Hlavní klíčová slova

Chuťové vjemy na stránce zatím bohužel nelze zobrazovat. To se ale dá plně kompenzovat pomocí barev. html barvy totiž umožňují zobrazit kterýkoli z milionů odstínů. Tak " barevné tužky“ v jeho souboru je mnohem více než sedm.

barevné schéma v html

V html lze barvu zadat v několika formátech:

1. Jako hexadecimální hodnota - použije se kód uvedený v šestnáctkové soustavě. Takové barevné kódy v html se skládají ze tří párů hexadecimálních čísel. Každý pár je zodpovědný za sytost odstínu svou primární barvou:

• První číselný pár je zodpovědný za červenou barvu;
• Druhý pár je pro obsah zelené barvy;
• To druhé je pro obsah modré barvy.

Na začátku kódu (před čísly) je umístěna značka hash. Toto je hexadecimální kód barvy. Kromě čísel od 1 do 9 tento číselný systém používá písmena latinské abecedy (A, B, C, D, E, F).

Například kód bílé barvy v html bude vypadat jako #FFFFFF:

2. Klíčové slovo - Právě teď html podporuje asi 147 klíčových slov. Ale ne všechna tato slova jsou jedinečná. Některé z nich odkazují na stejný barevný odstín.

Šedá je reprezentována dvěma klíčovými slovy: šedá a šedá . Jejich hexadecimální kód (HEX) je dán stejnou hodnotou #808080 .

Příklad:

#808080

3. Ve formátu RGB - toto kódování barev v html je založeno na použití tří hodnot ​​nastavených v rozsahu od 0 do 255. Každá z nich určuje sytost odstínu jednou ze základních barev:

• R - červená (červená);
• G - zelená (zelená);
• B - modrá (modrá).

Číslo barvy ve formátu RGB se zapisuje následovně: rgb(0, 210, 100).

barva pozadí:rgb(100,186,43)

4. Ve formátu RGBA - jedná se o pokročilý formát RGB, kde čtvrtá hodnota udává průhlednost barvy ve formě desetinného zlomku od 0 do 1.

Příklad použití:

barva pozadí:rgba(100,86,143,0,2)

barva pozadí:rgba(100,86,143,0,5)

barva pozadí:rgba(100,86,143,0,8)

barva pozadí:rgba(100,86,143,1)

html tabulky barev a generátory barev

S tak širokou škálou formátů nastavení barev je snadné se splést. Proto byla vynalezena speciální tabulka barev. V něm jsou ke 147 klíčovým názvům barevných odstínů uvedeny kódy korespondence ve všech hlavních normách pro zobrazení barev. Každé pole je navíc vybaveno lištou pro vizuální shodu barev. Jedna z těchto tabulek je uvedena na webu colorscheme.ru:

Ale i s pomocí takového strukturování korespondence může být výběr požadovaného odstínu obtížný. A není pravda, že v tabulce barevných kódů je ta správná.

Abychom tuto bariéru obešli a co nejvíce usnadnili výběr správného odstínu, byly vyvinuty interaktivní webové služby. Jejich uživatelské rozhraní se může od sebe mírně lišit.

Na webu html-color-codes.info vypadá generátor barev takto:

A v rámci služby color-picker.appsmaster.co je tento nástroj implementován trochu jinak:

Sytost každé barvy v generátoru se nastavuje pomocí speciálních posuvníků. Vizuálně je odstín zobrazen barvou rámu a obdélníku na levé straně. Ve 3 polích dole je zobrazen kód barvy v hlavních formátech.

Ale generátor barev je k dispozici nejen na specializovaných stránkách. Téměř všechny grafické editory jsou vybaveny podobným nástrojem. Například Photoshop:

Bezpečnost barev

A bylo to dávno, v době grafických karet, které podporují pouze 256 barev. V té době dokázaly operační systémy zobrazit pouze určitý počet osmibitových odstínů bez zkreslení.

Pak byla vytvořena velká tabulka bezpečných barev. Označoval 216 odstínů, které bylo možné zobrazit bez zkreslení v kterémkoli z tehdejších prohlížečů. A dodnes toto skvělý rukopis» je stále k dispozici na některých zdrojích:

Všechno se v naší době změnilo. Zcela se tedy ruší všechna bezpečnostní pravidla při práci s barvou v html. Koneckonců, moderní počítačový hardware podporuje více než 16 milionů různých odstínů. A 216 bezpečných barev upadlo v zapomnění.

Tato data jsou plně podpořena statistikami. Soudě podle toho, v roce 2014 má pouze 0,5 % uživatelů počítače, které podporují pouze 256 odstínů.

Základy barevné harmonie

Ne každý z nás je obdařen přirozeným harmonickým smyslem pro chuť. Proto může být výběr správné barvy skutečným problémem. Ale chvála vědě, dokonce se jí podařilo popsat barevnou harmonii ve formě několika schémat. Všechny jsou založeny na použití barevného kruhu. Schémata harmonického výběru barev v html.

U html stránek se barvy značí převážně v šestnáctkové soustavě. K tomu se používají dva typy záznamu kódu – plný nebo zkrácený. Aby bylo možné správně označit barvu html s úplným záznamem, musíte za mřížku napsat šest znaků (číslice a / nebo anglická písmena), například černá je napsána takto: #000000. Zkrácený zápis pro specifikaci html barev se skládá z mřížky a tří čísel a/nebo písmen za ní. Zároveň lze tento typ rezervy použít pouze v případě, že úplný záznam této barvy tvoří stejné znaky za mřížkou. Stejnou černou barvu lze zapsat například takto: #000. Můžete zadat barvy html s velkými i malými znaky, protože nerozlišují velká a malá písmena.

Každý znak napsaný za „#“ odpovídá určitému podílu červené, zelené a modré barvy. Všechny monitory se zase skládají z obrovského množství pixelů (mikroskopických bodů), z nichž každý obsahuje 3 takzvané „baterky“ (světelné zdroje): červený, zelený a modrý. Poté nastavením intenzity vyzařovaného světla těmito „baterkami“ monitor zobrazí barvu, kterou potřebujeme.

Kombinací intenzity červeného, ​​modrého a zeleného světla (od 0 do 256) mohou monitory zobrazit 16 000 000 různých barev.

Barvy stránek lze také zadat slovně nebo v kódu RGB.

K dnešnímu dni můžete slovně předepsat 147 barev. Je důležité vědět, že některé různé názvy mohou označovat stejné barvy, například šedá a šedá jsou šedé (#808080).

Bezpečné barvy pro webové stránky.

Ne každý monitor a prohlížeč dokáže správně zobrazit všech 16 milionů html barev.

Pokud například narazíte na barvu, kterou prohlížeč nedokáže správně zobrazit, pak:

1. Prohlížeč jej nahradí tím, který je mu nejpodobnější a lze jej úspěšně reprodukovat;
2. Pro správné zobrazení může prohlížeč míchat více barev a reprodukovat výsledek.

Abyste zajistili, že výstup v jakémkoli prohlížeči a na jakémkoli monitoru bude mít barvu, kterou jste zadali v kódu, doporučujeme použít „Bezpečné barvy“. Nebyly určeny ručně nebo na něčí vůli, ale matematicky. Takových 100% bezpečných barev pro html dokumenty je 216. A přestože dnešní technologie dospěly do bodu, kdy moderní monitory a prohlížeče rozpoznávají miliony odstínů, doporučujeme používat tyto bezpečné barvy pro zaručení reprodukce barev.

Tato tabulka obsahuje 216 bezpečných html barevných kódů. Každá barva má hodnotu v RGB pro určení barvy v grafických editorech a HEX pro určení barvy na html stránkách.

Barvy HTML jsou označeny šesti znaky za lomítkem – například #000000. Těchto šest znaků představuje proporce různých barev (červená, zelená a modrá) v konečné barvě. Obraz na monitoru vašeho počítače se skládá 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 luceren získáme požadovanou barvu.

html barevné kódy

Barvy v HTML jsou označeny hexadecimálním (HEX) zápisem pro kombinaci červené, modré a zelené (RGB).

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

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

Kódy barev (hodnoty)

16 milionů odstínů

Kombinací červené, modré a zelené s hodnotami od 0 do 255 pro každou barvu získáte více než 16 milionů odstínů (256 x 256 x 256).

Většina moderních monitorů je schopna zobrazit alespoň 16 384 různých odstínů (LCD monitory jsou obecně schopny zobrazit 262,16 milionů (aktualizováno v říjnu 2013) barvy, zatímco CRT monitory mohou zobrazit téměř neomezený počet barev).

Tabulka barev níže ukazuje změnu podílu červené z 0 na 255 s nulovými hodnotami pro modrou a zelenou:

odstíny šedi

Pro získání odstínů šedé se použijí stejné poměry všech barev. Pro usnadnění výběru požadované barvy vám poskytujeme kódy pro odstíny šedé.

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

Kolekce 150 html názvů barev podporovaných ve všech prohlížečích.

Standardizované názvy barev

W3C uvádí 16 platných názvů barev pro HTML a CSS: aqua (akvamarín), černá (černá), modrá (modrá), fuchsiová (purpurová), šedá (šedá), zelená (zelená), limetková (limetka nebo světle zelená), kaštanová (kaštanová), námořnická (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, bude správnější použít jejich hexadecimální kód (HEX) 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 za účelem správného zobrazení barev v režimu palety 256 barev.

Na tom teď 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:

V HTML lze barvu zadat třemi způsoby:

Nastavení barvy v HTML podle jejího názvu

Některé barvy lze specifikovat svým názvem, přičemž jako hodnotu použijete název barvy v angličtině. Nejčastější klíčová slova: černá (černá), bílá (bílá), červená (červená), zelená (zelená), modrá (modrá) atd.:

Barva textu – červená

Nejoblíbenější barvy standardu World Wide Web Consortium (W3C) jsou:

Příklad použití různých názvů barev:

Příklad: nastavení barvy podle jejího názvu

• Zkus to sám "

Záhlaví na červeném pozadí

Záhlaví na oranžovém pozadí

Záhlaví na pozadí vápna

Bílý text na modrém pozadí

Záhlaví na červeném pozadí

Záhlaví na oranžovém pozadí

Záhlaví na pozadí vápna

Bílý text na modrém pozadí

Určení barvy pomocí RGB

Při zobrazení různých barev na monitoru se za základ bere paleta RGB. Jakákoli barva se získá smícháním tří hlavních: R - červená, G - zelená (zelená), B - modrá (modrá). Jas každé barvy je dán jedním bytem, ​​a proto může nabývat hodnot od 0 do 255. Například RGB (255,0,0) se zobrazí jako červená, protože červená je nastavena na nejvyšší hodnotu (255) a ostatní jsou nastaveny na 0 Barvu můžete také nastavit v procentech. Každý z parametrů udává úroveň jasu odpovídající barvy. Například: hodnoty ​​rgb(127, 255, 127) a rgb(50 %, 100 %, 50 %) nastaví stejnou střední sytost zelené barvy:

Příklad: Určení barvy pomocí RGB

• Zkus to sám "

rgb(127, 255, 127)

rgb (50 %, 100 %, 50 %)

rgb(127, 255, 127)

rgb (50 %, 100 %, 50 %)

Nastavte barvu pomocí hexadecimální hodnoty

Hodnoty R G B lze také zadat pomocí hexadecimálních (HEX) barevných hodnot ve tvaru: #RRGGBB kde RR (červená), GG (zelená) a BB (modrá) jsou hexadecimální hodnoty od 00 do FF (stejné jako desítkové 0- 255). Šestnáctková soustava je na rozdíl od desítkové soustavy založena, jak již z názvu vyplývá, na čísle 16. V šestnáctkové soustavě se používají tyto znaky: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Zde jsou čísla od 10 do 15 nahrazena latinkou. Čísla větší než 15 v šestnáctkové soustavě jsou spojením dvou znaků do jedné hodnoty. Například nejvyšší číslo 255 v desítkové soustavě odpovídá nejvyšší FF v šestnáctkové soustavě. Na rozdíl od desítkové soustavy je šestnáctkovému číslu předřazen znak libry. # , například #FF0000 se zobrazí jako červená, protože červená je nastavena na nejvyšší hodnotu (FF) a ostatní barvy na minimální hodnotu (00). Znaky za symbolem hash # lze psát jak velkými, tak malými písmeny. Hexadecimální systém umožňuje používat zkrácený tvar #rgb, kde je každý znak roven dvojnásobku. Záznam #f7O by tedy měl být považován za #ff7700.

Příklad: Barva HEX

• Zkus to sám "

červená: #FF0000

zelená: #00FF00

modrá: #0000FF

červená: #FF0000

zelená: #00FF00

modrá: #0000FF

červená+zelená=žlutá: #FFFF00

červená+modrá=fialová: #FF00FF

zelená+modrá=azurová: #00FFFF

Seznam běžně používaných barev (název, HEX a RGB):

Barevné kódy (pozadí) podle sytosti a odstínu.

Barevný modul CSS podrobně popisuje hodnoty, které umožňují autorům určit 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ých vykreslovacích systémů. Vlastnost popisuje barvu textového obsahu prvku. Používá se také k poskytnutí potenciální nepřímé hodnoty (currentColor) pro jakékoli jiné vlastnosti, které přijímají barevné hodnoty.

Nemovitost se dědí.

2. Hodnoty barev

2.1. Hlavní klíčová slova

Seznam hlavních klíčových slov obsahuje 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

Formát hodnoty RGB v hexadecimální soustavě je znak # bezprostředně následovaný třemi nebo šesti hexadecimálními znaky. Třímístný zápis RGB #rgb se převede do šestimístného tvaru #rrggbb zkopírováním číslic, nikoli přidáním nul. Například #fb0 se rozšíří na #ffbb00 . To zajišťuje, že bílá #ffffff může být specifikována ve zkratce #fff, a odstraňuje všechny závislosti na barevné hloubce displeje.

Formát hodnoty RGB ve funkčním zápisu je rgb (následovaný seznamem tří číselných hodnot oddělených čárkami (buď tři celočíselné hodnoty nebo tři procentuální hodnoty), za nimiž následuje znak) . 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.