Barva CSS lastnosti. barvne oznake

Eden od načinov, da spremenite sloge spletnih strani - barva CSS. Obstaja več načinov, da spremenite to nastavitev. Vsak ima prednosti in slabosti.

ime

Barva lastnost določa barvo elementa. 145 odtenki naslovov, vključenih v CSS. Med njimi so enostavne (kot črna, modra) in kompleks (npr vijolične, lawngreen).

Ker je celoten seznam težko zapomniti, se ime slogi redko uporablja.

RGB

Večina televizorjev, pametne telefone, spremlja delo z RGB barvnem modelu. To pomeni, da vse barve lahko nastavite na kombinacijo osnovnih barv, ki so rdeči, zeleni in modri barvi. . Podoben pristop se uporablja v obeh napravah in CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Barve so osnovni sestavek lahko vrednosti od 0 do 255. je številka možnih barv enaka 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 popolnoma podoben RGB, z dodatkom alfa kanala. To vpliva na preglednost, ki se ujema z odtenkom ozadja. V tej obliki elementa se spreminja glede na "podlage".

HSL

Da bi razumeli, kako sistem HLS, morate predložiti barvno kolo. Na sredini je rdeče, nato (v smeri urinega kazalca), vse ostale barve so mavrice. цвета при помощи системы HLS требуется задать три параметра: Za določitev barve v CSS po sistemu HLS zahteva tri parametre:

• odtenek (v stopinjah) - smer sredini kroga;
• nasičenost (odstotek) - koliko barve potrebujete;
• svetlost (v odstotkih).

Na primer, vijolična določi tako: HSL (315, 100%, 45%). HSL je najbolj primeren za poskuse. Po študiju na barvno kolo, lahko med gledanjem je izbrana tema približno predstavljajo, kakšne barve določiti poseben element. HSLA - isti HLS, samo z alfa: HSL (0, 100%, 50, 0,6) - rdeča, prozorna nekaj več kot polovico.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . V CSS, lahko nastavite barvo z šestnajstiško zastopanost, kot so oranžna, ki jih je vrednost # FF4500 določena.

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 je v RGB, HEX barve kažejo, v kakšnih razmerjih za uporabo osnovnih barv. V tem primeru niso ločeni z vejico (barva: # FFD500). Vsaki dve znakov določiti število rdeče, zelene in modre.

CSS. Praviloma se HEX sistem ne uporablja v poskusih, saj je nemogoče, da bi našli pravo barvo CSS. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. V tabeli lahko pomaga v tej zadevi, vendar, če ste nenehno sklicuje na to, bo delo z zamudo. Šestnajstiški prikaz je najbolj primeren, ko je predlogo prenese iz grafičnega urejevalnika. To je veliko lažje kopiranje iz njega samo eno številko kot tri zavoje.

Kateri način je najboljši?

Na ta račun ne moremo povedati nič konkretnega. Če so elementi vmesnika potrebujemo preglednost, izbirate med RGBA in HSLA. Če želite poskus v brskalniku HLS barvnega kroga bo najbolj priročno. Če uporabljate paleto ali prenos zasnovo iz Photoshopa, bi morali raje CSS šestnajstiške barvne kode.