CSS spalvų savybės. Spalviniai kodai

Viena iš priemonių pakeisti tinklalapį stilius - CSS spalvą. Yra keletas būdų, kaip pakeisti šį nustatymą. Kiekvienas turi ir privalumų, ir trūkumų.

pavadinimas

Spalva nuosavybė nustato elemento spalvą. 145 atspalvių pavadinimai įtraukiami į CSS. Tarp jų yra ir paprasta (pavyzdžiui, juoda, mėlyna) ir sudėtingas (pvz purpuras, lawngreen).

Kadangi prisiminti visą sąrašą sunku, stiliaus lapo vardas yra naudojamas retai.

RGB

Dauguma televizorių, išmanieji telefonai, monitoriai dirbti su RGB. Tai reiškia, kad bet kokios spalvos gali būti nustatytas pirminių spalvų, kurios yra raudonos, žalios ir mėlynos spalvos derinys. . Panašus požiūris yra naudojamas abiejuose įrenginiuose ir CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Spalvos yra pagrindiniai kompozicija take vertės nuo 0 iki 255. Galimų spalvų skaičius yra lygus 16777216.

Nuo RGB modelis yra tiesiogiai susijęs su fizinių įstatymų spalvoto vaizdo, juoda joje nurodytas kaip rgb (0, 0, 0), balta - rgb (255, 255, 255). RGBA sistema visiškai panašus į RGB, su alfa kanalu to. Jis veikia skaidrumą, kuris mišinius su fono atspalvis. Šiame elemento forma gali skirtis atsižvelgiant į "padėklą",.

HSL

Norėdami suprasti, kaip HLS sistema, jums reikia pateikti spalvų ratą. Jo centre yra raudona, (pagal laikrodžio rodyklę) visi kiti spalvų vaivorykštės. цвета при помощи системы HLS требуется задать три параметра: Nustatyti į CSS naudojant HLS sistemą spalvas reikia tris parametrus:

• atspalvį (laipsniais) - tai apskritimo centro kryptimi;
• sodrumas (procentais) - kiek spalva jums reikia;
• ryškumas (procentais).

Pavyzdžiui, raudonos gali būti nustatytas tokiu būdu,: HSL (315, 100%, 45%). HSL patogiausia eksperimentams. Išnagrinėjusi spalvų ratas, galite žiūrėdami stilių maždaug atstovauti kokia spalva nustatyti konkretų elementą. HSLA - pats HLS, tik su alfa: HSL (0, 100%, 50, 0,6) - raudona, skaidri šiek tiek daugiau nei pusė.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS, galite nustatyti spalvą, naudojant šešioliktaine, pavyzdžiui, apelsinų, kurį nustato vertę # FF4500.

Siekiant geriau suprasti, ką šešioliktaine, turėtų toliau svarstyti dešimtainį sistemą. Tai yra skaičius nuo 0 iki 9. Kai dėl skaičiavimo skaičių yra didesnis nei 9 poreikis, papildomas bitas, ir paaiškėja 10, tada 100 ir pan. E. Viskas lygiai tas pats yra šešioliktainis, tačiau jame po 9 yra A, tada B, ir taip, kad F - tas pats, kaip 15 dešimtainiai sistemos. Tada pridėti vieną skaitmenį, ir paaiškėja, 10 16 įprastu požiūriu.

Kaip RGB, HEX spalvos nurodyti kokiomis dalimis naudoti pirmines spalvas. Tokiu atveju, jie nėra atskirti kableliais (color: # FFD500). Kas du simboliai nurodyti raudona, žalia ir mėlyna skaičių.

CSS. Kaip taisyklė, HEX sistema nenaudojama eksperimentų metu, nes neįmanoma rasti tinkamą CSS spalvą. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Lentelė gali padėti šiuo klausimu, tačiau, jei jūs nuolat kreiptis į jį, darbas bus atidėtas. Šešioliktainis atstovavimas yra patogiausia, kai šablonas perkeliamas iš grafinio redaktoriaus. Tai daug lengviau nukopijuoti nuo jo tik vienu skaitmeniu nei tris posūkius.

Kuris būdas yra geriausias?

Į šią sąskaitą, mes negalime pasakyti nieko konkretaus. Jei sąsajos elementai turi skaidrumą, pasirinkti tarp diodas ir HSLA. Jei norite eksperimentuoti naršyklės HLS spalvų ratas bus patogiausia. Jei naudojate paletę arba perduoti dizainą iš Photoshop, turi pirmenybę CSS šešioliktainius spalvų kodus.