RGB / RGBA


ULASHISH

RGB qiymati

RGB rang qiymati QIZIL, YASHIL va KO‘K yorug‘lik manbalarini ifodalaydi.

CSS’da rang RGB qiymat sifatida mana bu formula bilan belgilanishi mumkin:

rgb(red, Yashil, Ko‘k)

Har bir parametr (red, green va blue) rangning 0 va 255 orasidagi intensivligini belgilaydi.

Masalan, rgb(255, 0, 0) qizil ko‘rinadi, chunki qizil eng yuqori qiymatga (255) o‘rnatilgan, qolganlari 0.

Qora rangni ko‘rsatish uchun barcha rang parametrlarini 0 ga sozlang, xuddi shunday: rgb(0, 0, 0).

Oq rangni ko‘rsatish uchun barcha rang parametrlarini 255 ga sozlang, xuddi shunday: rgb(255, 255, 255).

Quyidagi RGB qiymatlarini aralashtirib sinab ko‘ring:

 

Qizil

255

Yashil

0

Ko‘k

0

Misol

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

O‘zingiz sinab ko‘ring »

Kulrang soyalar ko‘pincha 3 yorug‘lik manbaining barchasi uchun teng qiymatlar bilan belgilanadi:

Misol

rgb(60, 60, 60)
rgb(90, 90, 90)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(210, 210, 210)
rgb(240, 240, 240)

O‘zingiz sinab ko‘ring »


RGBA qiymati

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

RGBA rang qiymati quyidagicha belgilanadi:

rgba(red, Yashil, blue, alpha)

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

Quyidagi RGBA qiymatlarini aralashtirib sinab ko‘ring:

 

Qizil

255

Yashil

0

Ko‘k

0

ALFA

0

Misol

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

O‘zingiz sinab ko‘ring »


Video: CSS ranglari RGB va RGBA

Tutorial on YouTube
Tutorial on YouTube

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!