Fan: web dasturlashga kirish Mavzu: css da ranglar Bajardi

CSS ranglari - RGB qiymatlari
Ushbu rang qiymati rgb( ) xususiyati yordamida belgilanadi. Ushbu xususiyat uchta qiymatni oladi, ularning har biri qizil, yashil va ko'k uchun. Qiymat 0 dan 255 gacha bo'lgan butun son yoki foiz bo'lishi mumkin.
ESLATMA: Barcha brauzerlar rgb( ) rang xususiyatini qo'llab-quvvatlamaydi, shuning uchun uni ishlatmaslik tavsiya etiladi.
Ushbu tizim sRBG ning asosiy ranglarini to'g'ridan — to'g'ri yozib olishni o'z ichiga oladi, shuning uchun uni ishlatishning o'zgarishi-kanallarning intensivligini belgilaydigan uchta raqamning turli kombinatsiyasi.
RGB() / RGBA()
/*
* @param { |
} --red qizil kanal
* @param { |
} --green yashil kanal
* @param { |
} --blue ko’k kanal
* @param { |
} [--alpha: 100%] Shaffoflik
*/
color: rgb (var(--red) var(--green) var(--blue) / var(--alpha));

Birinchi uchta argument--red--green, --blueqizil, yashil va ko'k rangli kanallarni ko'rsatadi. 0% sRGB da ushbu rang kanali uchun minimal qiymat va 100% maksimal qiymatdir. Foiz yozuvi raqamli ro'yxatga teng, ammo boshqa qator bilan: 0-rang kanali uchun minimal qiymat, 255-maksimal.
--alpha - ixtiyoriy argument, u rang oshkoraligini belgilaydi. Agar u raqam bilan berilgan bo'lsa, qiymat oralig'i 0 dan (to'liq shaffof rangni ifodalaydi) 1gacha (to'liq shaffof rangni ifodalaydi). Agar qiymat foiz sifatida belgilangan bo'lsa, unda 0% butunlay shaffof rangga ega va 100% butunlay shaffof rangga ega. Standart qiymat-100%.
rgbа() xuddi shu sintaksisga ega, faqat ko'z yoshlarsiz va legasi kabi mavjud, chunki u ilgari rgb()to'rtinchi dalilni qo'llab-quvvatlamagan. Misol uchun:
color: rgba (var(--red) var(--green) var(--blue) var(--alpha));
HEX
CSS-ning HEX-Notation rangi sRGB rangini sozlash imkonini beradi, bu kanallarni hex sonlar shaklida belgilaydi, bu ranglar ko'pincha to'g'ridan-to'g'ri kompyuter kodida qanday qayd etilganiga o'xshaydi.
Sintaksis qiymati 3 , 4, 6 yoki 8 hexadecimal raqamlardan iborat bo'lgan belgidir. Boshqacha qilib aytganda, o'n oltinchi rang " # " Xash belgisi sifatida yoziladi, undan keyin 0-9 raqamlari yoki a-f harflari (harflar registri muhim emas-#00ff00bir xil #00FF00).
6 ta raqam
color: #fffff;
O'n oltinchi raqam sifatida talqin qilingan birinchi juft raqam 00 minimal qiymatni ifodalovchi qizil rangli kanalni ko'rsatadi va ff (kasr shaklida 255) maksimal miqdorni ifodalaydi. Keyingi juft raqam yashil kanalni va keyin ko'kni bildiradi.
8 ta raqam
color: #fffff00;
Birinchi 6 ta raqam 6 xonali yozuv bilan bir xil talqin etiladi. Oxirgi juftlik ranglarning shaffofligini ko'rsatadi :00 - to'liq shaffof rang,ff - butunlay shaffof.
3 ta raqam
color:#fff;
Bu 6-raqamli belgining qisqa versiyasidir. Birinchi raqam 0 minimal qiymati va f maksimal bo'lgan qizil rangli kanalni ko'rsatadi. Keyingi ikki raqam yashil va ko'k kanallarni ifodalaydi.
4 ta raqam
color: #fff0;
Bu 8-raqamli yozuvning qisqa versiyasidir," kengaytirilgan " 3-raqamli yozuv bilan bir xil. Birinchi raqam qizil rangli kanalni, so'ngra yashil, ko'k va alfa kanalini ko'rsatadi.
RGB qiymatlaridan foydalanib, bir nechta ranglarni ko'rsatish uchun quyidagi misol keltirilgan: