Ranglar darsligi
Ranglar
Ranglar QIZIL, YASHIL va KO‘K yorug‘likni birlashtirish orqali hosil qilinadi.
Rang nomlari
CSS’da ranglarni rang nomlari yordamida belgilash mumkin:
CSS rang qiymatlari
CSS’da ranglarni turli usullar bilan belgilash mumkin:
- Rang nomlari orqali
- RGB qiymatlari sifatida
- O‘n oltilik qiymatlar sifatida
- HSL qiymatlari sifatida (CSS3)
- HWB qiymatlari sifatida (CSS4)
currentcolorkalit so‘zi yordamida
RGB ranglar
RGB rang qiymatlari barcha brauzerlarda qo‘llab-quvvatlanadi.
RGB rang qiymati quyidagicha beriladi: rgb( RED , GREEN , BLUE ).
Har bir parametr rang intensivligini 0 dan 255 gacha bo‘lgan butun son sifatida belgilaydi.
Masalan, rgb(0,0,255) ko‘k rangda ko‘rsatiladi, chunki blue (ko‘k) parametri eng yuqori qiymatga (255), qolganlari esa 0 ga o‘rnatilgan.
Misol
| Color | RGB | Color |
|---|---|---|
| rgb(255,0,0) | Red | |
| rgb(0,255,0) | Green | |
| rgb(0,0,255) | Blue |
Kulrang soyalari ko‘pincha barcha 3 ta yorug‘lik manbasi uchun bir xil qiymatlar yordamida belgilanadi:
Misol
| Color | RGB | Color |
|---|---|---|
| rgb(0,0,0) | Black | |
| rgb(128,128,128) | Gray | |
| rgb(255,255,255) | White |
O‘n oltilik ranglar
O‘n oltilik rang qiymatlari ham barcha brauzerlarda qo‘llab-quvvatlanadi.
O‘n oltilik rang quyidagicha beriladi: #RRGGBB.
RR (qizil), GG (yashil) va BB (ko‘k) — rang intensivligini belgilaydigan, 00 dan FF gacha bo‘lgan o‘n oltilik butun sonlar.
Masalan, #0000FF ko‘k rangda ko‘rsatiladi, chunki ko‘k komponent eng yuqori qiymatga (FF), qolganlari esa 00 ga o‘rnatilgan.
Misol
| Color | HEX | RGB | Color |
|---|---|---|---|
| #FF0000 | rgb(255,0,0) | Red | |
| #00FF00 | rgb(0,255,0) | Green | |
| #0000FF | rgb(0,0,255) | Blue |
Kulrang soyalari ko‘pincha barcha 3 ta yorug‘lik manbasi uchun bir xil qiymatlar yordamida belgilanadi:
Misol
| Color | HEX | RGB | Color |
|---|---|---|---|
| #000000 | rgb(0,0,0) | Black | |
| #808080 | rgb(128,128,128) | Gray | |
| #FFFFFF | rgb(255,255,255) | White |
Katta harfmi yoki kichik harfmi?
O‘n oltilik qiymatlarni yozishda katta yoki kichik harflardan foydalanishingiz mumkin.
Kichik harflarni yozish osonroq. Katta harflarni o‘qish osonroq.
Rang nomlari
CSS 140 ta standart rang nomini qo‘llab-quvvatlaydi.
Keyingi bobda rang nomlarining o‘n oltilik qiymatlari bilan birga alifbo tartibidagi to‘liq ro‘yxatini topasiz:
| Rang nomi | Hex | Rang |
|---|---|---|
| AliceBlue | #F0F8FF | |
| AntiqueWhite | #FAEBD7 | |
| Aqua | #00FFFF | |
| Aquamarine | #7FFFD4 | |
| Azure | #F0FFFF | |
| Beige | #F5F5DC | |
| Bisque | #FFE4C4 |
currentcolor kalit so‘zi
currentcolor kalit so‘zi elementning color xususiyati qiymatiga ishora qiladi.
Misol
Quyidagi <div> elementining chegara rangi ko‘k bo‘ladi, chunki <div> elementining matn rangi ko‘k:
#myDIV {
color: blue; /* Blue text color */
border: 10px solid currentcolor; /* Blue border color */
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!