HSL
HSL rang, rangning to'yinganligi va yorug'ligini ifodalaydi.
HSLA rang qiymati esa Alfa (shaffofligi) ham mavjud bo'lgan HSL ning kengaytirilgan versiyasidir.
HSLning rang qiymatlari
HTMLda rangni quyidagicha hue (rang), saturation (to'yinganlik) va lightness (yorug'lik) shaklida belgilash mumkin:
hsl ( _rang** , **to'yinganlik_** , yorug'lik)**
Hue - 0 dan 360 gacha bo'lgan rang darajasi hisoblanadi. 0 qizil, 120 yashil va 240 ko'k.
Saturation - foizli qiymat hisoblanadi. 0% kulrang soyani, 100% esa to'liq rangni anglatadi.
Lightness - ham foiz qiymati hisoblanib 0% qora rangni, 100% esa oq rangi beradi.
Quyidagi HSL qiymatlarini aralashtirish orqali tajriba qilib ko'ring:
Misol:
Saturation
Saturation (to'yinganlik)ni rangning intensivligi deb ta'riflash mumkin.
100% rangning to'liq ko'rinishi, kulrang soyalarsiz.
50% 50% kulrang, lekin bunda ham rangni ko'rishingiz mumkin.
0% butunlay kulrang; endi rangni ko'ra olmaysiz.
Ochiqlik darajasi
Rangning ochiqliligi rangga qancha yorug'lik bermoqchiligingizni tasvirlash orqali bo'ladi, bu yerda 0% yorug'lik yo'q (qora) degani, 50% 50% yorug'lik (na qora, na och) va 100% to'liq och (oq) degan ma'noni anglatadi. ).
Kulrang soya ko'pincha rang va to'yinganlikni 0 qilib berish va to'qroq/ochroq soya qilish uchun yorug'likni 0% dan 100% gacha sozlash orqali yaratiladi:
HSLA Rang qiymatlari
HSLA rang qiymatlari HSL rang qiymatlarining kengaytirilgan shakli bo'lib, rang uchun shaffoflikni belgilaydigan Alfa mavjud.
HSLA rang qiymati quyidagilar bilan beriladi:
hsla(rang, toʻyinganlik, yengillik, alfa)
Alfa parametri 0,0 (to'liq shaffof) va 1,0 (umuman shaffof emas) orasidagi raqam bo'ladi:
Quyidagi HSLA qiymatlarini aralashtirish orqali tajriba o'tkazing:
Misol:
Last updated
