Fan: web dasturlashga kirish Bajardi: Bakiev Xursandbek Mamatsaloevich Tekshirdi

O'n oltinchi rangli qiymatlar

O'n oltinchi rang kodi oltita belgidan iborat. Misol uchun, qiymat #ffffffoq rang. O’noltilikadecimal qiymatlar yordamida ranglarni tavsiflashda ma'lum holatlarda rang kodining qisqartirilgan yozuvidan foydalanishga imkon beruvchi bir xususiyat mavjud.

Aslida, agar rangning bir komponentining tavsifida bir juft qiymat bir xil bo'lsa, bunday qiymatlardan birini olib tashlash mumkin. Har bir qiymat juftligi rang tarkibiy qismlaridan birining ta'rifidir. Ular qizil (qizil), yashil (yashil) va ko'k (ko'k) tarkibiy qismlari. Quyidagi misolni ko'rib chiqaylik:

body { color: #222222; /* Превратится в #222 */

body { color: #000000; /* Превратится в #000 */

Qiymat #222222qiymatiga teng #222. Agar shaklida manba o’noltilikadecimal kodni taqdim 22bo'lsa,,22,22, keyin, undan kodni olish uchun2,2,2, har bir juft qiymatlar birini olish uchun etarli.

O'n oltinchi rang kodlarini qisqartirish

RGB/RGBA formatida belgilangan ranglar

RGB (qizil, yashil, ko'k — qizil, yashil, ko'k) rang modelini ishlatganda, ranglar rangli kanallarni tasvirlaydigan uchta qiymatni ifodalaydi — qizil, yashil va ko'k kanal. Qiymatlarning har biri 0 dan 255gacha bo'lgan raqam yoki 0 dan 100% gacha bo'lgan foiz qiymati bilan ifodalanishi mumkin.

Agar uchta qiymat 0ga teng bo'lsa, biz qora rangga ega bo'labiz. Va agar uchta rang komponenti 255 qiymatiga o'rnatilgan bo'lsa, biz oq bo'labiz. Xuddi shu narsa foizlarni ishlatganda ham amal qiladi.

.element {

/* oq */
color: rgb(255, 255, 255);
color: rgb(100%, 100%, 100%);

/* qora*/

background-color: rgb(0, 0, 0);
background-color: rgb(0%, 0%, 0%);
}

RGB rang modeli yordamida ranglarni tavsiflashda rangli komponentlardan tashqari, rang shaffofligini boshqarish imkonini beruvchi alfa kanaliga mos keladigan qiymatni ham belgilashimiz mumkin. Bu juda foydali bo'lgan ranglarning to'yinganligi bilan ishlashda yordam beradi. Quyida biz alfa kanalini ishlatadigan ba'zi ranglarni ishlatish holatlarini ko'rib chiqamiz. Bunday ranglar bilan ishlash uchun funktsiya qo'llaniladirgba():

.element {
/* Чёрный фон с 50% прозрачностью */
background-color: rgba(0, 0, 0, 0.5);
}

Agar alfa kanaliga mos keladigan qiymat nolga teng bo'lsa, unda elementning asosiy yoki fon rangi butunlay shaffof bo'ladi, ya'ni ko'rinmas bo'ladi.