Barva CSS vlastnosti. barevné kódy

Jedním z nástrojů ke změně stylů webové stránky - barva CSS. Existuje několik způsobů, jak změnit toto nastavení. Každý z nich má své výhody i nevýhody.

název

Vlastnost Barva nastavuje barvu položky. 145 odstínů titulů zahrnuty do CSS. Mezi nimi jsou jednoduché (jako je černá, modrá) a komplex (jako je purpurový, lawngreen).

Vzhledem k tomu, celý seznam těžké si vzpomenout, název stylů se používají jen zřídka.

RGB

Většina z televizorů, chytré telefony, monitory pracují s barevným modelem RGB. To znamená, že jakákoliv barva může být nastaven na kombinaci základních barev, které jsou červené, zelené a modré barvy. . Podobný přístup se používá v obou zařízeních a v CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Barvy jsou základní kompozice nabývat hodnot od 0 do 255. Řada možných barev se rovná 16777216.

Vzhledem k tomu, model RGB přímo souvisí s fyzikálními zákony barevného tisku, černá je v ní uvedeno jako RGB (0, 0, 0), bílé - RGB (255, 255, 255). Systém RGBA zcela podobný RGB, s přidáním alfa kanálu. To má vliv na transparentnost, která splývá s pozadím stínu. Při této formě elementu se bude lišit v závislosti na „substrát“.

HSL

Chcete-li porozumět tomu, jak systém HLS, musíte předložit barevné kolečko. V jeho středu je červený, pak (ve směru hodinových ručiček), všechny ostatní barvy duhy. цвета при помощи системы HLS требуется задать три параметра: K určení barvy v CSS s využitím systému HLS vyžaduje tři parametry:

• odstín (ve stupních) - směr středu kruhu;
• nasycení (v procentech) - kolik barvy budete potřebovat;
• jasu (v procentech).

Například, fialová může být stanovena tak,: HSL (315, 100%, 45%). HSL je nejvhodnější pro experimenty. Po prostudování barevné kolečko, můžete přitom sledovat stylů hrubě představují jakou barvu nastavit specifický prvek. HSLA - stejný HLS, pouze s alfa: HSL (0, 100%, 50, 0.6) - červené, transparentní o něco více než polovinu.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS, můžete nastavit barvu pomocí hexadecimální reprezentace, jako je oranžová stanovené hodnoty # FF4500.

Pro lepší pochopení toho, co hexadecimální reprezentace, by měly dále zvážit desítkovou soustavu. To je číslo od 0 do 9. Po, je přidán potřeba počítat čísla větší než 9 jeden bit, a ukazuje 10, potom 100, a tak dále. E. Všechny přesně stejný v hexadecimální soustavě, ale v něm po 9 A, potom B, a tak dále až F - stejný jako 15 v desítkové soustavě. Pak přidejte jednu číslici, a to dopadá 10 z 16 v obvyklých termínech.

Stejně jako v RGB, HEX barvy označují za jakých poměrech používat základní barvy. V tomto případě nejsou odděleny čárkou (color: # FFD500). Každé dva znaky určit počet červené, zelené a modré.

CSS. Zpravidla HEX systém není používán během experimentů, protože není možné najít tu správnou barvu CSS. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. V tabulce může pomoci v této věci, ale pokud jste neustále na něj odkazují, se práce se zpožděním. Hexadecimální reprezentace je nejvhodnější, když je šablona převedena z grafického editoru. Je to mnohem jednodušší zkopírovat z něj pouze jednu číslici než tři otáčky.

Jakým způsobem je nejlepší?

Z tohoto důvodu nemůžeme říci nic konkrétního. Pokud jsou prvky rozhraní potřebují transparentnost, vybrat mezi RGBA a HSLA. Chcete-li experimentovat v prohlížeče HLS barevné kolečko bude nejvhodnější. Pokud používáte palety nebo převést design z Photoshopu, měli raději CSS barevné kódy v šestnáctkové soustavě.