RGB ranglar
RGB kalkulyatori
RGB ranglar
RGB rang qiymatlari barcha brauzerlarda qo‘llab-quvvatlanadi.
RGB rang qiymati quyidagicha beriladi:
rgb(red, green, blue)
Har bir parametr (red, green va blue) rang intensivligini 0 dan 255 gacha bo‘lgan qiymat bilan belgilaydi.
Masalan, rgb(255, 0, 0) qizil rangda ko‘rsatiladi, chunki red (qizil) eng yuqori qiymatga (255), qolgan ikkitasi (green va blue) esa 0 ga o‘rnatilgan.
Yana bir misol: rgb(0, 255, 0) yashil rangda ko‘rsatiladi, chunki green (yashil) eng yuqori qiymatga (255), qolgan ikkitasi (red va blue) esa 0 ga o‘rnatilgan.
Qora rangni hosil qilish uchun barcha rang parametrlarini 0 ga o‘rnating, masalan: rgb(0, 0, 0).
Oq rangni hosil qilish uchun barcha rang parametrlarini 255 ga o‘rnating, masalan: rgb(255, 255, 255).
O‘zingiz sinab ko‘ring
RGB rang qiymatlari barcha brauzerlarda qo‘llab-quvvatlanadi.
Misol
<style>
div {
background-color: rgb(0, 191, 255);
color: rgb(255, 255, 255);
}
</style>
O‘zingiz sinab ko‘ring »
RGBA rang qiymatlari
RGBA rang qiymatlari — bu RGB rang qiymatlarining rang shaffofligini (opacity) belgilaydigan alfa kanali qo‘shilgan kengaytmasi.
RGBA rang qiymati quyidagicha beriladi:
rgba(red, green, blue, alpha)
alpha parametri 0.0 (to‘liq shaffof) va 1.0 (umuman shaffof emas) oralig‘idagi son:
Misol
<h1 style="background-color:rgba(255, 99, 71, 0.2);">rgba(255, 99, 71, 0.2)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.4);">rgba(255, 99, 71, 0.4)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.6);">rgba(255, 99, 71, 0.6)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.8);">rgba(255, 99, 71, 0.8)</h1>
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!