Barevný modul CSS jasně popisuje hodnoty, které umožňují autorům určit barvu a jasnost prvků html a také hodnoty barev.
Barva síly
1. Prioritní barvy: barva jasu
Autorita nastavuje barvu písma pomocí různých systémů přenosu barev. Síla odkazuje na barvu textového prvku. Kromě toho se používá k poskytnutí potenciálního nepřímého významu (currentColor) pro jakékoli další síly, které vytvářejí význam pro barvu.
Síla klesá.
2. Význam barvy
2.1. Hlavní klíčová slova
Seznam hlavních klíčových slov obsahuje následující hodnoty:
název | HEX | RGB | Kolíř |
---|---|---|---|
Černá | #000000 | 0,0,0 | |
stříbrný | #C0C0C0 | 192,192,192 | |
šedá | #808080 | 128,128,128 | |
bílý | #FFFFFF | 255,255,255 | |
kaštanové | #800000 | 128,0,0 | |
Červené | #FF0000 | 255,0,0 | |
nachový | #800080 | 128,0,128 | |
fuchsie | #FF00FF | 255,0,255 | |
zelená | #008000 | 0,128,0 | |
Limetka | #00FF00 | 0,255,0 | |
olivový | #808000 | 128,128,0 | |
žlutá | #FFFF00 | 255,255,0 | |
námořnictvo | #000080 | 0,0,128 | |
modrý | #0000FF | 0,0,255 | |
modrozelená | #008080 | 0,128,128 | |
aqua | #00FFFF | 0,255,255 |
V názvech barev se nerozlišují velká a malá písmena.
Syntax
Barva: modrozelená;
2.2. Číselné hodnoty barev
2.2.1. Colori modely RGB
Formát hodnoty RGB v hexadecimálním formátu je znak # následovaný třemi nebo šesti hexadecimálními znaky. Třímístný RGB zápis #rgb se převádí do šestimístného tvaru #rrggbb kopírováním čísel, nikoli přidáváním nul. Například #fb0 se rozšíří na #ffbb00. Tím je zaručeno, že bílé #ffffff může být použito jako indikace v krátkém zadání #ffff a odstraní se případné rozdíly v závislosti na barvě displeje.
Formát hodnoty RGB funkčního zápisu je rgb (následovaný odděleným seznamem tří číselných hodnot (nebo tří celočíselných hodnot nebo tří setin), za nimiž 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
Vedle číselných hodnot jsou povoleny prázdné znaky.
Webdesign má řadu způsobů, jak prezentovat barvy
HEX je hexadecimální systém pro prezentaci barev založený na 16. U tohoto systému se používají arabské desítky číslic od 0 do 9 a latinská písmena od A do F pro zvýšení digitálního čísla až na 16. Pro webdesign je 16 hlavních (klíčových) barvy se berou , takže pořadí šestnáct Kód barvy je #RRGGBB, kde každý pár představuje barvu své části: RR – červená, GG – zelená a BB – modrá. Barva pleti se pohybuje od 00 do FF.
Další dva projevy barvy ve webdesignu jsou: ve formě RGB(*,*,*), kde „*“ část barvy je reprezentována desítkami číslic od 0 do 255 a názvy barvy v Angličtina.
Při vytváření barevného obrázku je hlavním problémem správný přenos barev do různých typů počítačů, monitorů a prohlížečů. Pokud prohlížeč nedokáže správně zobrazit barvu, vybere podobnou nebo namíchá několik barev. Nebo jej můžete nahradit úplně jinou barvou.
Stůl 16 hlavních barev, které jsou vikoristed ve všech prohlížečích
název | Kolíř | Hex | (RGB) |
Aqua (morska hvilya) | #00FFFF | (000,255,255) | |
Černá | #000000 | (000,000,000) | |
Modrý | #0000FF | (000,000,255) | |
fuchsie (purpurová) | #FF00FF | (255,000,255) | |
Šedá (série) | #808080 | (128,128,128) | |
Zelená | #008000 | (000,128,000) | |
Limetka (světle zelená) | #00FF00 | (000,255,000) | |
Maroon (tmavě vínová) | #800000 | (128,000,000) | |
Námořnická (tmavě modrá) | #000080 | (000,000,128) | |
Olivový | #808000 | (128,128,000) | |
Nachový | #800080 | (128,000,128) | |
červená (červená) | #FF0000 | (255,000,000) | |
stříbrný | #C0C0C0 | (192,192,192) | |
Teal (šedozelená) | #008080 | (000,128,128) | |
Bílý | #FFFFFF | (255,255,255) | |
žlutá (zhovtiy) | #FFFF00 | (255,255,000) |
Stůl nachový barvy a barvy
název | Kolíř | Hex | (RGB) |
purpurová (fialová) | #FFCBDB | (255,203,219) | |
purpurová (fialová) | #FF0099 | (255,000,153) | |
purpurová (purpurová) | #F95A61 | (249,090,097) | |
fuchsie (fuchsie) | #FF00FF | (255,000,255) | |
Movein (anilinová fialová) | #EF0097 | (239,000,151) | |
lososově růžová (oranžovo-rez) | #FF91A4 | (255,145,164) | |
Cenise (odstín fialové) | #DE3163 | (153,149,140) | |
Lilek Lilek (lilek) | #990066 | (153,000,132) | |
Levandulová tvářenka (růžová-levandule) |  #FFF0F5 | (255,240,245) | |
Šeřík (boozkoviy) | #C8A2C8 | (200,162,200) | |
purpurová (purpurová) | #FF008F | (255,000,143) | |
Orchidej (orchidej) | #DA70D6 | (218,112,214) | |
Červenofialová (fialovočervená) | #C71585 | (199,021,133) | |
Optimistický | #92000A | (146,000,010) | |
Bodlák (odstín fialové) | #D8BFD8 | (185,211,238) | |
Fialový lilek (odstín fialové) | #991199 | (153,017,153) | |
Rosa vivo (inkubovaný hornwort) | #FF007F | (255,000,127) | |
Levandule-růže (odstín fialové) | #FBA0E3 | (108,123,139) | |
Mountbatten růžový | #997ABD | (153,122,141) |
Stůl šedá barvy a barvy
název | Kolíř | Hex | (RGB) |
šedá (Sýrie) | #808080 | (128,128,128) | |
šedá (Sýrie) | #bebebe | (190,190,190) | |
(Siry-vidtinok) | #858585 | (133,133,133) | |
Gray33 (Syriy-33) | #545454 | (084,084,084) | |
(Sirogo břidlice) | #708090 | (112,128,144) | |
(Quartzovy) | #99958с | (153,149,140) | |
(Světlo pane) | #bbbbbb | (187,187,187) | |
(Sriblyasty) | #c0c0c0 | (192,192,192) | |
(Siro-bílá) | #f0f0f0 | (240,240,240) | |
(Borody Abdel-Kerim) | #e0e0e0 | (224,224,224) | |
LightGray (světle šedá) | #d3d3d3 | (211,211,211) | |
LightStateGray() | #778899 | (119,136,153) | |
StateGray-1 (Blіdo-cornflower blue1) | #c6e2ff | (198,226,255) | |
StateGray-2 (Blіdo-cornflower blue2) | #b9d3ee | (185,211,238) | |
StateGray3() | #9fb6cd | (159,182,205) | |
StateGray4() | #6c7b8b | (108,123,139) |
Na této stránce je tabulka s klíčovými slovy, která lze použít k přiřazení barev v takových jazycích webových vývojářů, jako jsou: HTML, CSS, JavaScript, Flash atd.
Koncern WC3 měl ve starých specifikacích předepsáno pouze 16 klíčových slov, kromě toho byly barvy nainstalovány v HTML a CSS. V dalších, aktuálnějších specifikacích bylo přidáno dalších 130 klíčových slov pro specifikaci názvů barev. Zde je tabulka s názvy barev, hexadecimálních a RGB kódů, které reprezentují.
Podle pravidel CSS se v názvech barev nerozlišují velká a malá písmena. Položky pro barvy IndianRed a indianred jsou stejné.
Za zmínku také stojí, že ze 146 klíčových slov v tabulce má ve skutečnosti méně barev. To znamená, že tato klíčová slova znamenají stejnou barvu. Názvy Gray a Grey tedy označují 50hexovou barvu s kódem #808080 a slovo Magenta je synonymem pro HTML barvu Fuchsia, která odpovídá hexadecimálnímu kódu #FF00FF. Také synonymum pro slova Aqua a Cyan, smrad odpovídá kódu #00FFFF.
|
|
Pro nastavení barev se používají čísla v hexadecimálních kódech. Šestnáctý systém místo desátého systému je založen, jak jeho název napovídá, na čísle 16. Objeví se čísla: 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 v jedno. Například číslo 255 v desáté soustavě je potvrzeno číslem FF v šestnácté soustavě. Abyste předešli záměně s určeným číselným systémem, vložte symbol # před šestnácté číslo, například #666999. Vzhledy ze tří barev – červené, zelené a modré – mohou nabývat hodnot od 00 do FF. Takto je přiřazená barva rozdělena do tří skladů #rrggbb, kde první dva symboly označují červenou složku barvy, prostřední dva - zelenou a zbývající dva - modrou. Je povoleno používat krátký tvar #rgb, kam lze přidat symbol. Záznam #fe0 trace je tedy vyhodnocen jako #ffee00.
Za jméno
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Prohlížeče podporují různé barvy za svými názvy. Ve stole 1 je uveden název, hexadecimální kód, hodnoty ve formátu RGB, HSL a popis.
jsem | Kolíř | Kód | RGB | HSL | Popis |
---|---|---|---|---|---|
bílý | #ffffff nebo #fff | rgb(255,255,255) | hsl(0,0%,100%) | Bily | |
stříbrný | #c0c0c0 | rgb(192,192,192) | hsl (0,0 %, 75 %) | Sýrie | |
šedá | #808080 | rgb(128,128,128) | hsl (0,0 %, 50 %) | Tmavě šedá | |
Černá | #000000 nebo #000 | rgb(0,0,0) | hsl(0,0%,0%) | Chorny | |
kaštanové | #800000 | rgb(128,0,0) | hsl (0,100 %, 25 %) | Tmavě červená | |
Červené | #ff0000 nebo #f00 | rgb(255,0,0) | hsl(0,100%,50%) | červené zlato | |
oranžový | #ffa500 | rgb(255,165,0) | hsl (38,8,100%,50%) | oranžový | |
žlutá | #ffff00 nebo #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Zhovtiy | |
olivový | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Olivový | |
Limetka | #00ff00 nebo #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Světle zelená | |
zelená | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Zelený | |
aqua | #00ffff nebo #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Blakitný | |
modrý | #0000ff nebo #00f | rgb(0,0,255) | hsl(240,100%,50%) | Modrý | |
námořnictvo | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Tmavě modrá | |
modrozelená | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Modrá zelená | |
fuchsie | #ff00ff nebo #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Rozheviy | |
nachový | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | fialový |
Pro další pomoc RGB
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Hodnoty barvy, vikory a červené, zelené a modré můžete určit v desetinách. Vzhled se třemi barevnými složkami nabývá hodnot od 0 do 255. Je také možné nastavit barvu pro vysoce kvalitní barvu, která bude 100% konzistentní s číslem 255. Na začátku je zadáno klíčové slovo rgb a pak pro ramena, přes která se zdají být barevné složky, například rgb(255, 128, 128) nebo RGB (100%, 50%, 50%).
RGBA
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Formát RGBA je syntaxí podobný RGB, ale obsahuje alfa kanál, který specifikuje jasnost prvku. Hodnoty 0 označují zvýšenou jasnost, 1 – nedostatek jasnosti a střední hodnoty na úrovni 0,5 – zvýšenou jasnost.
Rozšíření RGBA do CSS3 vyžadují ověření samotného kódu CSS pro danou verzi. Upozorňujeme, že standard CSS3 je stále ve vývoji a může se změnit. Například barva formátu RGB přídavků k pixelu barvy pozadí musí projít ověřením, ale k pixelu pozadí již nejsou žádné přídavky. V tomto případě prohlížeče obecně správně chápou barvu pro tuto a další sílu.
HSL
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Formát HSL je pojmenován podle prvních písmen Hue, Saturate a Lightness. Barva je stejná jako barva na kolíku (obr. 1) a je uvedena ve stupních. 0° je červená, 120° je zelená a 240° je modrá. Hodnotu barvy lze změnit od 0 do 359.
Malý 1. Barevný kruh
Intenzita je intenzita barvy, která se pohybuje od 0 % do 100 %. Hodnota 0 % znamená přítomnost barev a odstínů šedé, 100 % je maximální hodnota sytosti.
Světlost nastavuje, jak jasná je barva, a zobrazuje se v rozsahu od 0 % do 100 %. Je důležité, aby barvy byly tmavé a vysoké hodnoty světlé, extrémní hodnoty 0% a 100% označují černou a bílou barvu.
HSLA
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Formát HSLA je syntaxí podobný jako HSL, ale obsahuje alfa kanál, který specifikuje jasnost prvku. Hodnoty 0 označují zvýšenou jasnost, 1 – nedostatek jasnosti a střední hodnoty na úrovni 0,5 – zvýšenou jasnost.
Hodnoty barev pro formáty RGBA, HSL a HSLA jsou přidány do CSS3, proto při změně těchto formátů zkontrolujte platnost kódu se správnou verzí.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Dopředu
Všechny metody lovu lvů uvedené na webu jsou teoretické a založené na metodách výpočtu. Autoři nezaručují vaši bezpečnost při jejich používání a přebírají jakoukoli odpovědnost za výsledky. Pamatujte, že lev je chýše a neopatrné stvoření!
Výsledek tohoto zadku je znázorněn na obr. 2.
Malý 2. Barvy na webové stránce
Notebooky