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:

W3Schools online HTML editorwww.w3schools.com

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.

W3Schools online HTML editorwww.w3schools.com

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. ).

W3Schools online HTML editorwww.w3schools.com

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:

W3Schools online HTML editorwww.w3schools.com

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:

W3Schools online HTML editorwww.w3schools.com