CSS krāsu īpašības. krāsu kodi

Viens no instrumentiem, lai mainītu web lapas stilu - CSS krāsu. Ir vairāki veidi, kā mainīt šo iestatījumu. Katram ir gan priekšrocības, gan trūkumi.

nosaukums

Krāsu īpašums nosaka krāsu objektu. 145 nokrāsas nosaukumu iekļauti CSS. Starp tām ir vienkāršas (piemēram, melna, zila) un kompleksu (piemēram, purpura, lawngreen).

Jo visu sarakstu grūti atcerēties, nosaukums stila lapas tiek izmantoti reti.

RGB

Lielākā daļa TV, viedtālruņi, monitori strādāt ar RGB krāsu modeli. Tas nozīmē, ka jebkura krāsa var iestatīt kombinācija primārās krāsas, kas ir sarkanā, zaļā un zilā krāsā. . Līdzīga pieeja ir izmantota abās ierīcēs, un CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Krāsas ir pamata kompozīcija pieņemt vērtības no 0 līdz 255. vairākas iespējamās krāsas ir vienāds 16777216.

Tā RGB modelis ir tieši saistīta ar fizikas likumiem, krāsu attēlu, melna tajā ir norādīts kā rgb (0, 0, 0), baltā - RGB (255, 255, 255). RGBA sistēma pilnīgi līdzīga RGB, ar papildus no alfa kanālu. Tā ietekmē pārskatāmību, kas saplūst ar fona ēnā. Tādā veidā elementa mainās saskaņā ar "substrāta".

HSL

Lai saprastu, kā HLS sistēma, jums ir nepieciešams iesniegt krāsu ritenis. Tās centrā ir sarkanā, tad (pulksteņrādītāja) visas pārējās krāsas varavīksnes. цвета при помощи системы HLS требуется задать три параметра: Lai noteiktu krāsas CSS izmantojot HLS sistēma prasa trīs parametri:

• tonis (grādos) - virziens apļa centrā;
• piesātinājums (procentos) - cik daudz krāsas jums nepieciešams;
• spilgtums (procentos).

Piemēram, purpura var noteikt šādā veidā: HSL (315, 100%, 45%). HSL ir ērtākais eksperimentiem. Pēc studijām krāsu ritenis, jūs varat, bet skatīties stilu aptuveni atspoguļo kādas krāsas noteikt konkrētu elementu. HSLA - tas pats HLS, tikai ar alfa: HSL (0, 100%, 50, 0.6) - sarkana, caurspīdīgs nedaudz vairāk nekā pusi.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS, jūs varat iestatīt krāsu, izmantojot heksadecimālo pārstāvību, piemēram, apelsīnu, ko nosaka vērtību # FF4500.

Lai labāk izprastu to, ko heksadecimālo pārstāvību, būtu vēl jāapsver decimālo sistēmu. Tas ir skaitlis no 0 līdz 9. Kad nepieciešams skaitīšanas skaits pārsniedz 9, viens bits ir pievienots, un izrādās 10, tad 100, un tā tālāk. E. Viss tieši tāpat heksadecimālā notācija, bet tajā pēc 9 ir A, tad B, un tā tālāk, līdz F - tāpat kā 15 decimālā sistēmā. Tad pievieno vienu ciparu, un izrādās, 10 no 16, kas parastajiem noteikumiem.

Tāpat kā RGB, HEX krāsas, lai norādītu, kādās proporcijās lietot primārās krāsas. Šajā gadījumā tie nav atdalīti ar komatiem (krāsa: # FFD500). Reizi divos zīmes norādīt skaitu sarkana, zaļa un zila.

CSS. Kā likums, HEX sistēma netiek izmantota ar eksperimentu laikā, jo tas ir iespējams, lai atrastu pareizo CSS krāsu. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Tabulā var palīdzēt šajā jautājumā, bet, ja jūs pastāvīgi atsaukties uz to, darbs tiks atlikta. Heksadecimālais pārstāvība ir ļoti ērti, ja veidne tiek nodota no grafisko redaktoru. Tas ir daudz vieglāk kopēt no tā tikai viens cipars par trim pagriezieniem.

Kurš ceļš ir labākais?

Uz šo kontu, mēs nevaram teikt neko konkrētu. Ja elementi saskarni nepieciešama pārredzamība, jāizvēlas starp RGBA un HSLA. Ja vēlaties eksperimentēt pārlūka HLS krāsu riteņa būs visērtākais. Ja jūs izmantojat paleti vai nodot dizainu no Photoshop, vajadzētu priekšroku CSS heksadecimālo krāsu kodiem.