Barvne lastnosti CSS. Kode barv

Eno od orodij za spreminjanje slogov spletnih strani je barva CSS. To nastavitev lahko spremenite na več načinov. Vsak ima prednosti in slabosti.

Naslov

Barva lastnosti določa barvo elementa. V CSS so vključene 145 naslovov. Med njimi so preproste (na primer črne, modre) in zapletene (na primer crimson, lawngreen).

Ker je celoten seznam težko zapomniti, se imena v slogu redko uporabljajo.

RGB

Večina televizorjev, pametnih telefonov, monitorjev dela z barvnim modelom RGB. To pomeni, da se lahko katerikoli odtenek nastavi s kombinacijo primarnih barv, ki vključujejo rdeče, zelene in modre barve. Ta pristop se uporablja v napravah in v CSS. Barve osnovnega sestavka sprejmejo vrednosti od 0 do 255. In število možnih odtenkov je 16777216.

Ker je model RGB neposredno povezani s fizikalnimi zakoni barvnega preslikovanja, črna je tam navedena kot RGB (0, 0, 0), bela - RGB (255, 255, 255). Sistem RGBA je popolnoma analogen RGB, samo z dodajanjem alfa kanala. To vpliva na prosojnost, ki meša barvo z ozadjem. Videz elementa bo odvisen od "substrata".

HSL

Da bi razumeli, kako deluje HLS sistem, morate zagotoviti barvno kolo. V središču je rdeča, nato (v smeri urinega kazalca) vse druge odtenke mavrice. Za definicijo v CSS barve, ki uporabljajo sistem HLS, morate nastaviti tri parametre:

• odtenek (v stopinjah) - smer od središča kroga -
• nasičenost (v odstotkih) je, koliko barve je potrebno;
• svetlost (v odstotkih).

Na primer, vijolično lahko definirate tako: hsl (315, 100%, 45%). HSL je najbolj primeren za preizkuse. Po študiju barvno kolo, si lahko grobo predstavljate, medtem ko si ogledate slogovni list, katera barva je dodeljena določenemu elementu. HSLA - isti HLS, samo z alpha kanalom: hsl (0, 100%, 50, 0,6) - rdeča, pregledna nekoliko več kot polovica.

HEX

V Ljubljani CSS barve lahko določite s šestnajstiško predstavitvijo, na primer oranžna vrednost določi vrednost # FF4500.

Za boljše razumevanje, kaj v šestnajstiškem zastopanje, treba še razmisliti decimalni sistem. To je številka od 0 do 9. Če je treba pri štetju števila večja od 9, je dodal še en bit, in se je izkazalo 10, nato 100 in tako naprej. E. Vse popolnoma enak v šestnajstiškem zapisu, vendar pa v njem po 9 A, potem B, in tako naprej do F - enako kot 15 v decimalno sistemu. Nato dodamo eno številko, in se je izkazalo 10 16 v običajnih pogojih.

Kot v RGB, odtenki v HEXu kažejo, v kakšnih razmerjih naj uporabljajo primarne barve. Ne ločijo jih vejice (barva: # FFD500). Vsaka dva znaka določata količino rdeče, zelene in modre barve.

Sistem HEX se praviloma ne uporablja med preizkusi, saj ni mogoče najti pravih barv CSS. Tabela lahko pomaga pri tej zadevi, vendar če nenehno preverjate z njo, bo delo zamujalo. Šestnajstišna predstavitev je najprimernejša pri prenosu predloge iz grafičnega urejevalnika. Konec koncev je veliko lažje kopirati iz nje samo eno številko, kot izmenično tri.

Kateri način je najboljši?

Na tem računu nič konkretnega ni mogoče reči. Če elementi vmesnika potrebujejo preglednost, izberite med RGBA in HSLA. Če želite preizkusiti v brskalniku, bo najprimernejši barvno kolo HLS. Če uporabljate paleto ali premaknete dizajn iz Photoshopa, bi morali raje izbrati šestnajstiške barvne kode CSS.