Svojstva CSS boja. boja kodovi

Jedan od alata za promjenu stilova web stranice - CSS boje. Postoji nekoliko načina za promjenu ove postavke. Svaki od njih ima svojih prednosti i mana.

ime

imovine boja postavlja boje stavke. 145 nijanse naslova uključenih u CSS. Među njima su jednostavni (kao što su crna, plava) i složene (kao što su Crimson, lawngreen).

Budući da je čitav popis teško zapamtiti, ime stila se rijetko koriste.

RGB

Većina televizora, pametni telefoni, monitori rade sa RGB model boja. To jest, bilo koje boje može se postaviti na kombinaciju osnovnih boja, koje su crvene, zelene i plave boje. . Sličan pristup se koristi u oba uređaja, te u CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Boje su osnovni sastav preuzimanja vrijednosti od 0 do 255. je jednak 16777216 A broj mogućih boja.

S obzirom da je model RGB je u direktnoj vezi sa fizičkim zakonima slike u boji, crno je navedeno u njemu kao rgb (0, 0, 0), White - rgb (255, 255, 255). RGBA sistem u potpunosti slična RGB, uz dodatak alfa kanal. To utiče na transparentnost, koja spaja sa pozadinom hlad. U ovom obliku elementa će varirati prema "podlogu".

HSL

Razumjeti kako HLS sistema, potrebno je dostaviti točka boje. U njegovom središtu je crvena, a zatim (udesno) sve ostale duginim bojama. цвета при помощи системы HLS требуется задать три параметра: Da bi se odredili boje u CSS pomoću HLS sistem zahtijeva tri parametra:

• nijanse (u stupnjevima) - pravac kruga centra;
• zasićenje (postotak) - koliko boje vam je potrebno;
• svjetline (u procentima).

Na primjer, ljubičasta može se odrediti na takav način: HSL (315, 100%, 45%). HSL je najpogodniji za eksperimente. Nakon proučavanja točka boja, možete dok gledate stila približno predstavljaju ono što boje postaviti specifična elementa. HSLA - isto HLS, samo sa alfa: HSL (0, 100%, 50, 0,6) - crveni, transparentan nešto više od polovine.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . U CSS, možete podesiti boju pomoću heksadecimalni reprezentacije, kao što su naranče određuje vrijednost # FF4500.

Za bolje razumijevanje onoga što heksadecimalni reprezentacije, treba dalje razmatrati decimalnom sistemu. To je broj od 0 do 9. Kada se dodaje potreba u brojanja broj veći od 9 jedan bit, i ispostavilo 10, zatim 100, i tako dalje. E. sve isto u heksadecimalnom, ali u njemu nakon 9 je A, onda B, i tako dalje do F - isto kao 15 u decimalnom sistemu. Zatim dodajte jednu cifru, a ispostavilo se da 10 od 16 u uobičajenom smislu.

Kao što je u RGB, HEX boje da ukaže na ono što proporcije za korištenje primarne boje. U ovom slučaju, oni se ne odvajaju zarezima (color: # FFD500). Svaka dva lika navesti broj crvene, zelene i plave.

CSS. Po pravilu, HEX sistem se ne koristi u eksperimentima, jer je nemoguće pronaći pravi CSS boja. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Tabele može pomoći u ovom pitanju, ali ako stalno se odnose na njega, rad će biti odgođen. Heksadecimalni reprezentacija je najpogodniji kada je predložak prešao iz grafičkog urednika. Mnogo je lakše kopirati od njega samo jedna brojka od tri okretaja.

Koji način je najbolji?

Na ovaj nalog ne možemo reći ništa konkretno. Ako se elementi interfejsa potrebna transparentnost, birati između RGBA i HSLA. Ako želite eksperimentirati u pretraživaču HLS točka boje će biti najprikladniji. Ako koristite paletu ili prenese dizajna iz Photoshopa, trebalo bi radije CSS heksadecimalnom kodova boja.