HSL

---

HSL — hue (rang to‘ni), saturation (to‘yinganlik) va lightness (yorug‘lik) so‘zlarining qisqartmasi.

HSLA rang qiymatlari — alfa kanali (shaffoflik) qo‘shilgan HSL’ning kengaytmasi.

---

HSL rang qiymatlari

HTML’da rang to‘ni, to‘yinganlik va yorug‘lik (HSL) yordamida quyidagi ko‘rinishda belgilanishi mumkin:

hsl(hue, TO‘YINGANLIK, YORUG‘LIK)

Rang to‘ni — rang g‘ildiragidagi 0 dan 360 gacha bo‘lgan daraja. 0 — qizil, 120 — yashil, 240 — ko‘k.

To‘yinganlik — foiz qiymati. 0% kulrang soyani bildiradi, 100% esa to‘liq rangni bildiradi.

Yorug‘lik ham foiz qiymatidir. 0% — qora, 100% — oq.

Quyidagi HSL qiymatlarini aralashtirib sinab ko‘ring:

---

TO‘YINGANLIK

To‘yinganlikni rangning intensivligi sifatida tasvirlash mumkin.

100% — toza rang, kulrang soyalar yo‘q.

50% — 50% kulrang, lekin rangni baribir ko‘rish mumkin.

0% — to‘liq kulrang; rangni endi ko‘rish mumkin emas.

---

YORUG‘LIK

Rangning yorug‘ligini rangga qancha yorug‘lik berishni xohlashingiz sifatida tasvirlash mumkin, bunda 0% yorug‘lik yo‘qligini (qora), 50% — 50% yorug‘likni (na qora, na oq), 100% esa to‘liq yorug‘likni (oq) bildiradi.

---

Kulrang tuslari

Kulrang soyalar ko‘pincha rang to‘nini va to‘yinganlikni 0 ga sozlash hamda yorug‘likni 0% dan 100% gacha sozlash orqali aniqlanadi, buning natijasida to‘qroq/yorug‘roq soyalari olinadi:

---

HSLA rang qiymatlari

HSLA rang qiymatlari — HSL rang qiymatlarining alfa kanali qo‘shilgan kengaytmasi bo‘lib, u rangning shaffoflik darajasini belgilaydi.

HSLA rang qiymati quyidagicha belgilanadi:

hsla(hue, TO‘YINGANLIK, lightness, alpha)

Alfa parametri — 0.0 (to‘liq shaffof) va 1.0 (umuman shaffof emas) orasidagi son:

Quyidagi HSLA qiymatlarini aralashtirib sinab ko‘ring:

---