Fan: web dasturlashga kirish Mavzu: css da ranglar Bajardi

HSl qiymatlari
Nisbatan yaqinda paydo bo'lgan yana bir tanlov HSL. Mavjud RGB tizimini to'ldirish uchun kiritilgan: HSL ohang (hue), to'yinganlik (saturation) va yorug'lik (yorug'lik) ni birlashtirishga imkon beradi.
HSl, kerakli ranglarni tanlashni osonlashtiradi, chunki ishlab chiquvchi boshqa qiymatlarni (asosiy soyaga nisbatan) oshirish yoki kamaytirish orqali yorqinroq yoki quyuqroq bo'lgan soyani tasvirlaydi.
Ranglar rang doirasidagi darajalar (0 dan 360 gacha bo'lgan qiymat) va to'yinganlik va yorug'lik darajasi bilan tasvirlangan.
Quyida HSLDA rang berilgan oddiy misol keltirilgan:
CSS


a { color: hsl(210, 13.3%, 73.3%):

Kalit rangli so'zlar va X11

Yangi boshlanuvchilar uchun CSS belgilar, ayniqsa, bu hexadecimal qiymatlar va rang hisob-kitoblarida (foiz stavkalari, rang doirasi darajalari va RGB spektri bilan yorug'lik qiymatlaridan foydalanish) kuchli bo'lmasa, ba'zi bir chalkashliklarni keltirib chiqarishi mumkin.

Hech qanday muammosiz, bu holda kalit so'zlar deb ataladigan keng qamrovli muqobillar mavjud.
Boshqa usullardan farqli o'laroq, qo'llab-quvvatlanadigan qiymatlar soni cheklangan, ammo ular qanday qilishni bilishadi.
Kalit so'zlardan foydalanish CSS-da rangni tasvirlashning eng oson usullaridan biridir. Oddiy foydalanuvchi uchun begona bo'lgan murakkab belgilar o'rniga, ma'lum nomlar bilan ranglarni tasvirlaydigan asosiy qiymatlar to'plamidan foydalanish tavsiya etiladi.
Ranglar nomlari 16 qiymatlari bilan cheklangan, ular kengaytirilgan palitrada kengaytirilishi mumkin. Quyida oddiy misol keltirilgan:
CSS


a { color: green; }
Kalit so'zlar orqali rangni belgilash ancha vaqtdan beri mavjud edi, ammo yuqorida ko'rsatilgan cheklov (jami 16 qiymat), brauzer ishlab chiqaruvchilari (va endi CSS3 SVG spetsifikatsiyasidagi qiymatlarni qabul qilgan spetsifikatsiya) X11 kengaytirilgan rang palitrasi yordamida ranglar oralig'ini kengaytirdi, bu esa ranglarning nomlarini 100ga kengaytiradi.

Kalit so'zlar bilan ranglarni tasvirlashimiz mumkin (agar ular brauzerlar tomonidan qo'llab-quvvatlansa).
X11 ning yagona potentsial muammosi har doim ham amalga oshirilmagan brauzerlarni qo'llab-quvvatlash emas (masalan: ba'zan ranglar to'qnashuvini kuzatish mumkin).