Svojstva CSS boja. kodovi boja

Jedan od alata za mijenjanje stilova web stranica - CSS boje. Postoji nekoliko načina za promjenu ove postavke. Svaki od njih ima svoje prednosti i nedostatke.

ime

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

Budući da je cijela lista teško zapamtiti, naziv style sheet se koriste rijetko.

RGB

Većina TV-a, smartphone, monitori raditi s RGB modelu boja. To jest, bilo koje boje može se postaviti na kombinacije osnovnih boja, koje su crvene, zelene i plave. . Sličan pristup se koristi u oba uređaja, te u CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Boje su osnovni sastav poprimiti vrijednosti od 0 do 255. Broj mogućih boja je jednaka 16777216.

Budući da je RGB model izravno je povezana s fizičkim zakonima boje slike, crna je navedeno u njemu kao rgb (0, 0, 0), bijela - rgb (255, 255, 255). RGBA sustav u potpunosti sličan RGB, s dodatkom alfa kanal. To utječe na transparentnost, što mješavine s pozadine hladu. U ovom obliku elementa će varirati u skladu s „supstrat”.

HSL

Da bi se razumjelo kako je HLS sustav, morate podnijeti kotačić boja. U njegovom središtu je crvena, a zatim (smjeru kazaljke na satu) sve ostale dugine boje. цвета при помощи системы HLS требуется задать три параметра: Za određivanje boje u CSS pomoću HLS sustav zahtijeva tri parametra:

• Nijansa (u stupnjevima) - smjer krug centar;
• zasićenje (postotak) - koliko boja vam je potrebno;
• osvjetljenja (u postocima).

Na primjer, može se odrediti ljubičasto na način: (HSL 315, 100%, 45%). HSL je najpogodniji za eksperimente. Nakon proučavanja kotač boja, možete dok gledate stilsku otprilike predstavljaju ono što boje postaviti poseban element. HSLA - isto HLS, samo s alfa: HSL (0, 100%, 50, 0.6) - crvena, transparentan za nešto više od polovice.

Hex

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

Radi boljeg razumijevanja onoga što u heksadecimalnom prikazu, treba dodatno razmotriti decimalni sustav. To je broj od 0 do 9. Kada se dodaje potreba računajući broj veći od 9 jedan bit, a to ispada 10, potom 100, i tako dalje. E. Sve potpuno isti u heksadecimalnom zapisu, ali u njoj nakon 9 A, onda B, i tako dalje do F - isto kao i 15 u decimalnom sustavu. Zatim dodajte jednu znamenku, a to ispada 10 od 16 u uobičajenim uvjetima.

Kao što je u RGB, HEX boje za označavanje u kojim omjerima koristiti primarne boje. U tom slučaju, oni nisu odvojene zarezima (color: # FFD500). Svaka dva znaka navesti broj crvena, zelena i plava.

CSS. U pravilu, Hex sustav ne koristi tijekom pokusa, budući da je nemoguće pronaći pravu CSS boju. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Tablica može pomoći u tome, ali ako stalno se odnosi na njega, rad će biti odgođen. Heksadecimalni prikaz najviše odgovara kad je predložak prenosi s grafički urednik. To je puno lakše kopirati od njega tek jednu znamenku od tri okreta.

Koji put je najbolji?

Glede toga ne možemo reći ništa konkretno. Ako su elementi sučelja trebaju transparentnost, birati između RGBA i HSLA. Ako želite eksperimentirati u pregledniku HLS boja kotača će biti najviše odgovara. Ako koristite paletu ili prijenos dizajna iz Photoshop, treba preferirati CSS heksadecimalnom kodove boja.