Farba CSS vlastnosti. farebné kódy

Jedným z nástrojov k zmene štýlov webovej stránky - farba CSS. Existuje niekoľko spôsobov, ako zmeniť toto nastavenie. Každý z nich má svoje výhody aj nevýhody.

názov

Vlastnosť Farba nastavuje farbu položky. 145 odtieňov titulov zahrnuté do CSS. Medzi nimi sú jednoduché (ako je čierna, modrá) a komplex (ako je purpurový, lawngreen).

Vzhľadom k tomu, celý zoznam ťažké si spomenúť, názov štýlov sa používajú len zriedka.

RGB

Väčšina z televízorov, chytré telefóny, monitory pracujú s farebným modelom RGB. To znamená, že akákoľvek farba môže byť nastavený na kombináciu základných farieb, ktoré sú červené, zelené a modré farby. . Podobný prístup sa používa v oboch zariadeniach a v CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Farby sú základné kompozície nadobúdať hodnoty od 0 do 255. Rad možných farieb sa rovná 16777216.

Vzhľadom k tomu, model RGB priamo súvisí s fyzikálnymi zákonmi farebnej tlače, čierna je v nej uvedené ako RGB (0, 0, 0), biele - RGB (255, 255, 255). Systém RGBA úplne podobný RGB, s pridaním alfa kanálu. To má vplyv na transparentnosť, ktorá splýva s pozadím tieňa. Pri tejto forme elementu sa bude líšiť v závislosti na "substrát".

HSL

Ak chcete porozumieť tomu, ako systém HLS, musíte predložiť farebné koliesko. V jeho strede je červený, potom (v smere hodinových ručičiek), všetky ostatné farby dúhy. цвета при помощи системы HLS требуется задать три параметра: Na určenie farby v CSS s využitím systému HLS vyžaduje tri parametre:

• odtieň (v stupňoch) - smer stredu kruhu;
• nasýtenia (v percentách) - koľko farby budete potrebovať;
• jasu (v percentách).

Napríklad, fialová môže byť stanovená tak ,: HSL (315, 100%, 45%). HSL je najvhodnejší pre experimenty. Po preštudovaní farebné koliesko, môžete pritom sledovať štýlov hrubo predstavujú akú farbu nastaviť špecifický prvok. HSLA - rovnaký HLS, iba s alfa: HSL (0, 100%, 50, 0.6) - červené, transparentné o niečo viac ako polovicu.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS, môžete nastaviť farbu pomocou hexadecimálne reprezentácie, ako je oranžová stanovenej hodnoty # FF4500.

Pre lepšie pochopenie toho, čo hexadecimálne reprezentácie, by mali ďalej zvážiť desiatkovú sústavu. To je číslo od 0 do 9. Po, je pridaný potrebné počítať čísla väčšie ako 9 jeden bit, a ukazuje 10, potom 100, a tak ďalej. E. Všetky presne rovnaký v hexadecimálnej sústave, ale v ňom po 9 A, potom B, a tak ďalej až F - rovnaký ako 15 v desiatkovej sústave. Potom pridajte jednu číslicu, a to dopadá 10 z 16 v obvyklých termínoch.

Rovnako ako v RGB, HEX farby označujú za akých pomeroch používať základné farby. V tomto prípade nie sú oddelené čiarkou (color: # FFD500). Každé dva znaky určiť počet červenej, zelenej a modrej.

CSS. Spravidla HEX systém nie je používaný počas experimentov, pretože nie je možné nájsť tú správnu farbu CSS. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. V tabuľke môže pomôcť v tejto veci, ale ak ste neustále na neho odkazujú, sa práca s oneskorením. Hexadecimálne reprezentácie je najvhodnejšia, keď je šablóna prevedená z grafického editora. Je to oveľa jednoduchšie skopírovať z neho iba jednu číslicu ako tri otáčky.

Akým spôsobom je najlepší?

Z tohto dôvodu nemôžeme povedať nič konkrétne. Ak sú prvky rozhrania potrebujú transparentnosť, vybrať medzi RGBA a HSLA. Ak chcete experimentovať v prehliadača HLS farebné koliesko bude najvhodnejší. Ak používate palety alebo previesť dizajn z Photoshopu, mali radšej CSS farebné kódy v šestnástkovej sústave.