Tato stránka obsahuje tabulku s klíčovými slovy, která lze použít k reprezentaci barev v jazycích pro vývoj webových aplikací, jako jsou HTML, CSS, JavaScript, Flash a další.

Ve starých specifikacích koncernu WC3 bylo rozepsáno pouze 16 klíčových slov, pomocí kterých se nastavovaly barvy v HTML a CSS. V pozdějších, novějších specifikacích bylo přidáno 130 dalších klíčových slov k označení názvů barev. V následující tabulce jsou uvedeny názvy barev, hexadecimální kódy a kódy RGB, kterým odpovídají.

Podle pravidel CSS se v názvech barev nerozlišují velká a malá písmena. Položky barev IndianRed a indianred jsou ekvivalentní.

Za zmínku také stojí, že ze 146 klíčových slov tabulky je v ní ve skutečnosti méně barev. Některá klíčová slova totiž znamenají stejnou barvu. Názvy Grey a Grey tedy znamenají 50% šedou s kódem # 808080 a slovo Magenta je synonymem pro HTML barvu Fuchsia, která odpovídá hexadecimálnímu kódu # FF00FF. Synonyma jsou také slova Aqua a Cyan, které odpovídají kódu # 00FFFF.

K nastavení barev se používají hexadecimální čísla. Hexadecimální soustava je na rozdíl od desítkové soustavy založena, jak již 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ě se tvoří spojením dvou čísel do jednoho. Například 255 desetinných míst se rovná šestnáctkové soustavě FF. Aby se předešlo zmatkům v definici číselné soustavy, je před šestnáctkové číslo umístěn hash symbol #, například # 666999. Každá ze tří barev – červená, zelená a modrá – může být v rozsahu od 00 do FF. Označení barvy je tedy rozděleno do tří složek #rrggbb, kde první dva znaky označují červenou složku barvy, dva prostřední - zelenou a poslední dva - modrou. Je povoleno používat zkrácenou formu jako #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 názvu. Stůl 1 ukazuje názvy, hexadecimální kód, RGB, hodnoty HSL a popis.

S RGB

Barvu můžete určit pomocí desetinných hodnot červené, zelené a modré složky. Každá ze tří barevných složek nabývá hodnoty od 0 do 255. Je také přípustné nastavit barvu v procentech, přičemž 100 % bude odpovídat číslu 255. Nejprve je uvedeno klíčové slovo rgb a poté v závorce jsou vyznačeny barevné složky 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ý řídí průhlednost prvku. Hodnota 0 odpovídá úplné průhlednosti, 1 neprůhlednosti a střední hodnota, jako je 0,5 poloprůhlednosti.

RGBA byl přidán do CSS3, takže ověření kódu CSS by mělo být provedeno pomocí 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 RGB přidaná do vlastnosti background-color je ověřena, ale barva přidaná do vlastnosti background již nikoli. Prohlížeče přitom celkem správně chápou barvu pro obě vlastnosti.

Hsl

Název formátu HSL je tvořen kombinací 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° je červená, 120° je zelená a 240° je modrá. Hodnota odstínu se může pohybovat od 0 do 359.

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

Sytost je intenzita barvy měřená v procentech od 0 % do 100 %. Hodnota 0 % označuje žádnou barvu a odstín šedé, 100 % je maximální hodnota sytosti.

Světlost nastavuje, jak jasná je barva, a zobrazuje se v procentech od 0 % do 100 %. Nízké hodnoty ztmaví barvu 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, který nastavuje průhlednost prvku. Hodnota 0 odpovídá úplné průhlednosti, 1 neprůhlednosti a střední hodnota, jako je 0,5 poloprůhlednosti.

Hodnoty barev ve formátech RGBA, HSL a HSLA byly přidány do CSS3, takže při použití těchto formátů nezapomeňte zkontrolovat platnost verze.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Varování

Všechny metody odchytu lva uvedené na stránce jsou teoretické a založené na výpočtový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ýsledek. Pamatujte, že lev je dravec a nebezpečné zvíře!

Výsledek tohoto příkladu je znázorněn na Obr. 2.

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

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 barvy

Vlastnost nastavuje barvu písma pomocí různých systémů podání barev. Vlastnost popisuje barvu textového obsahu prvku. Používá se také 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ých slov obsahuje následující významy:

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

Syntax

Barva: modrozelená;

2.2. Číselné hodnoty barev

2.2.1. RGB barvy

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

Formát hodnoty RGB ve funkčním zápisu je rgb (následuje čárkou oddělený seznam tří číselných hodnot (buď tři celočíselné hodnoty nebo tři procenta), 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.

Existuje několik způsobů, jak reprezentovat barvu ve webovém designu.

HEX je základní 16 hexadecimální systém reprezentace barev. Pro tento systém se k doplnění digitálního čísla do 16 používají arabské desetinné číslice od 0 do 9 a latinská písmena od A do F. Pro webdesign se bere 16 základních (klíčových) barev , tzv. hexadecimální kód barvy #RRGGBB, kde každý pár odpovídá za svůj podíl barvy: RR - červená, GG - zelená a BB - modrá. Každá barevná frakce se pohybuje od 00 do FF.

Dvě další reprezentace barvy ve webovém designu jsou: ve formě RGB (*, *, *), kde každý barevný zlomek "*" je reprezentován desetinnými číslicemi od 0 do 255 a názvy barev v angličtině.

Při tvorbě barevného obrázku je hlavním problémem správné vykreslení barev na různých typech počítačů, monitorů a prohlížečů. Pokud prohlížeč nedokáže správně zobrazit barvu, vybere podobnou nebo smíchá několik barev. A někdy se dá nahradit nějakou úplně jinou barvou.

stůl 16 základních barev které se používají ve všech prohlížečích

stůl nachový barvy a odstíny

stůl šedá barvy a odstíny

Tabulka (paleta) html barev 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ří hodnot dvou znaků v hexadecimálním zápisu. 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 - hue, saturation, value) - barevný model, ve kterém jsou souřadnice:
  • Odstín - odstín, může se lišit od 0° do 360°.
  • Saturation - saturace, pohybuje se v rozmezí 0-100 nebo 0-1. Čím větší je tento parametr, tím je barva „čistší“, proto se tento parametr někdy označuje jako č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 anglické názvy barev (které lze použít jako hodnoty) podporované všemi prohlížeči a jejich hexadecimální hodnoty. Všechny uvedené barvy jsou "bezpečné", to znamená, že se budou zobrazovat stejně ve všech prohlížečích.