CSS spalvų savybės. Spalvų kodai

Internetas

Viena iš tinklalapių stilių keitimo įrankių yra CSS spalva. Šį nustatymą galite keisti keliais būdais. Kiekvienas turi ir privalumų, ir trūkumų.

Pavadinimas

Spalvos savybė nurodo elemento spalvą. CSS sistemoje yra 145 pavadinimai. Tarp jų yra paprastos (pavyzdžiui, juodos, mėlynos) ir sudėtingos (pavyzdžiui, tamsiai raudonos, žolelių).

CSS spalvos

Kadangi visą sąrašą sunku prisiminti, vardų stiliaus lentelėje retai naudojami.

RGB

Dauguma televizorių, išmaniųjų telefonų, monitoriųdirbti su RGB spalviniu modeliu. Tai reiškia, kad bet kokį atspalvį galima nustatyti pirminių spalvų deriniu, įskaitant raudoną, žalią ir mėlyną. Šis metodas naudojamas tiek įrenginiuose, tiek CSS. Spalvos bazinės sudėties vertės yra nuo 0 iki 255. Galimų atspalvių skaičius yra 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 yra visiškai analogiška RGB, tik supridedant alfa kanalą. Tai veikia skaidrumą, kuris susimaišo spalvą su fonu. Elemento išvaizda priklausys nuo "substrato".

HSL

Norėdami suprasti, kaip veikia HLS sistema, turite pateikti spalvų ratą. Centre yra raudona, tada (pagal laikrodžio rodyklę) visi kiti vaivorykštės atspalviai. Norėdami apibrėžti CSS spalvas naudodamiesi HLS sistema, turite nustatyti tris parametrus:

  • atspalvis (laipsniais) - kryptis nuo apskritimo centro;
  • prisotinimas (procentais) yra kiek reikia spalvos;
  • ryškumas (procentais).

spalvos css stalas

Pavyzdžiui, violetinė galima apibrėžti taip: hsl (315, 100%, 45%). Labiausiai patogu eksperimentams naudoti HSL. Ištyrus spalvų ratą, galite apytiksliai įsivaizduoti, peržiūrėdami stiliaus lapą, kokia spalva priskiriama tam tikram elementui. HSLA - tas pats HLS, tik su alfa kanalu: hsl (0, 100%, 50, 0.6) - raudonas, skaidrus šiek tiek daugiau nei pusė.

HEX

Į CSS spalvos gali būti nurodomas naudojant šešioliktainį vaizdą, pvz., oranžą lemia vertė # FF4500.

Geriau suprasti, kas yrašešioliktainis pateikimas, verta pažvelgti į dešimtainę sistemą. Jis turi skaičių nuo 0 iki 9. Kai skaičiui reikia daugiau nei 9 skaičiaus, pridedamas dar vienas bitas, o tai pasieks 10, tada 100 ir tt Šešioliktainės sistemoje viskas yra vienoda, bet po to po 9 eina A, tada B ir tt iki F yra toks pat kaip 15 dešimtųjų sistemų. Tada įkeltas vienas bitas, o įprastoje skaičiavimo sistemoje mes gauname 10, lygus 16.

spalvų kodai css

Kaip ir RGB, atspalviai HEX rodo, kuriuoseproporcijos naudoja pagrindines spalvas. Jie nėra atskirti kableliais (spalva: # FFD500). Kiekvienas du simboliai nurodo raudonos, žalios ir mėlynos spalvos.

Paprastai eksperimentų metu HEX sistema nenaudojama, nes neįmanoma rasti tinkamų spalvų CSS. Lentelė gali padėti šiuo klausimu, bet jei nuolatpasitarkite su ja, darbas bus atidėtas. Šablono perkėlimas iš grafinio redaktoriaus yra patogiausias šešioliktainis vaizdavimas. Galų gale daug lengviau nukopijuoti iš jo tik vieną skaitmenį, o ne tris kartus.

Koks geriausias būdas?

Šiuo klausimu nieko konkretaus negalima pasakyti. Jei sąsajos elementai turi skaidrumą, pasirinkite RGBA ir HSLA. Jei norite eksperimentuoti naršykle, HLS spalvų ratas bus pats patogiausias. Jei naudojate paletę arba vilkite dizainą iš "Photoshop", turėtumėte pasirinkti šešioliktainius CSS spalvų kodus.

Komentarai (0)
Pridėti komentarą