Jedným z nástrojov na zmenu štýlov webových stránok je farba CSS. Existuje niekoľko spôsobov, ako zmeniť toto nastavenie. Každý má výhody aj nevýhody.
Názov
Vlastnosť farby určuje farbu prvku. Do CSS bolo zahrnutých 145 titulov CSS. Medzi nimi sú jednoduché (ako je čierna, modrá) a komplex (ako je purpurový, lawngreen).
Pretože celý zoznam je zapamätaný, mená v štýle sa používajú len zriedka.
RGB
Väčšina televízorov, smartphony, monitory pracujú s farebným modelom RGB. To znamená, že každý odtieň môže byť nastavený kombináciou základných farieb, medzi ktoré patrí červená, zelená a modrá farba. Tento prístup sa používa v zariadeniach, ako aj v CSS. Farby sú prvý tím nadobúdať hodnoty od 0 do 255. Počet možných odtieňov stále 16777216.
Vzhľadom na to, model RGB je priamo závislá na fyzikálne zákony zobrazovacie čiernu farbu je daná ako rgb (000) biela - rgb (255255255). Systém RGBA je úplne analogický s RGB, len s pridaním alfa kanálu. Ovplyvňuje transparentnosť, ktorá spája odtieň s backplane. V tomto prípade sa vzhľad prvku bude líšiť v závislosti od "substrátu".
HSL
Aby sme pochopili, ako systém funguje HLS, treba poskytnúť farebné koliesko. V jeho strede je červená a potom (v smere hodinových ručičiek) všetky ostatné odtiene dúhy. Pre určenie farby v CSS pomocou HLS je potrebné zadať tri parametre:
odtieň (v stupňoch) - smer stredového kruhu;
Nasýtenie (v percentách),koľko farby je potrebné;
jas (ako percento).
Napríklad fialová môže byť definovaná nasledovne: hsl (315100%, 45%). HSL je pre experimenty najvhodnejšie. Ak poznáte farebné koliesko, môžete pri prezeraní štýlu štítkov približne reprezentovať farbu konkrétnej položky. # Hsla-color hsla - rovnaký HLS, iba s alfa kanálom: hsl (0100%, 5006) - červená, transparentná o niečo viac ako polovica.
HEX
V systéme CSS možno farbu určiť pomocou hexadecimálneho znázornenia, napríklad oranžová je nastavená na # FF4500. Pre lepšie pochopenie toho, aké hexadecimálne znázornenie je, hlbšie sa venuje desiatkovému systému. Obsahuje čísla od 0 do 9. Keď je potrebné číslo, ďalšie číslo sa pridá k číslu a potom 10 je potom 100 atď. V hexadecimálnom systéme je všetko presne to isté, ale po 9 ide o A a B a F - rovnaké ako 15 v desiatkovej sústave. Potom sa pridá jedna číslica a výsledok je v našom zvyčajnom počte 10 rovný 16.
Rovnako ako v RGB, odtiene v HEX uvádzajú, ktoré proporcie používajú hlavné farby. V tomto prípade nie sú oddelené čiarkami (farba: # FFD500). Každý z dvoch znakov určuje počet červených, zelených a modrých farieb. Systém HEX sa spravidla nepoužíva počas pokusov, pretože nie je možné vybrať požadované farby CSS. Tabuľka môže v tomto prípade pomôcť, ale ak sa s ňou neustále obraciate, práca bude oneskorená. Hexadecimálne znázornenie je najvhodnejšie pri prenose šablóny z grafického editora. Je to oveľa jednoduchšie kopírovať z nej lenjedna číslica ako jedna v poradí tri.
Aký je najlepší spôsob?
O tom nie je nič konkrétne povedať. Ak prvky rozhrania vyžadujú priehľadnosť, vyberte medzi RGBA a # hsla-color hsla. Ak chcete experimentovať v prehliadači, farba kolieska HLS bude najvhodnejšia. Ak používate paletu alebo prenášate dizajn Photoshopu, mali by ste preferovať šestnástkové CSS farby.
