Html ranglar nima. Uslublardagi rang turli yo'llar bilan belgilanishi mumkin: o'n oltilik qiymat bo'yicha, nomi bo'yicha, RGB, RGBA, HSL, HSLA formatida
Vlad Merzhevich
HTMLda rang ikki usuldan biri bilan belgilanadi: o'n oltilik kod yordamida va ma'lum ranglar nomi bilan. O'n oltilik sanoq tizimiga asoslangan usul asosan qo'llaniladi, chunki u eng universal hisoblanadi.
O'n oltilik ranglar
HTML ranglarni belgilash uchun o'n oltilik raqamlardan foydalanadi. O‘nlik sanoq sistemasidan farqli o‘laroq, o‘nlik sanoq sistemasi, nomidan ko‘rinib turibdiki, 16 raqamiga asoslanadi. Raqamlar quyidagicha bo‘ladi: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C, D, E, F. 10 dan 15 gacha raqamlar lotin harflari bilan almashtiriladi. Jadvalda 6.1 o'nlik va o'n oltilik sonlar o'rtasidagi muvofiqlikni ko'rsatadi.
O‘n oltilik sistemada 15 dan katta sonlar ikkita sonni birlashtirish orqali hosil qilinadi (6.2-jadval). Masalan, o'nlik sanoqdagi 255 soni o'n oltilik sanoqdagi FF soniga mos keladi.
Sanoq tizimini aniqlashda chalkashliklarga yo'l qo'ymaslik uchun o'n oltilik sondan oldin # xesh belgisi qo'yiladi, masalan #aa69cc. Bunday holda, ish muhim emas, shuning uchun #F0F0F0 yoki #f0f0f0 yozish joiz.
HTMLda ishlatiladigan odatiy rang shunday ko'rinadi.
Bu yerda veb-sahifaning fon rangi #FA8E47 ga o'rnatiladi. Raqam oldida # xesh belgisi uning o'n oltilik ekanligini bildiradi. Birinchi ikki raqam (FA) rangning qizil komponentini, uchinchidan to'rtinchi raqamlari (8E) yashil komponentni va oxirgi ikki raqam (47) ko'k komponentni belgilaydi. Yakuniy natija bu rang bo'ladi.
F.A. | + | 8E | + | 47 | = | FA8E47 |
Uch rangning har biri - qizil, yashil va ko'k - 00 dan FF gacha qiymatlarni qabul qilishi mumkin, natijada jami 256 ta rang mavjud. Shunday qilib, ranglarning umumiy soni 256x256x256 = 16 777 216 kombinatsiya bo'lishi mumkin. Qizil, yashil va ko'k komponentlarga asoslangan rang modeli RGB (qizil, yashil, ko'k; qizil, yashil, ko'k) deb ataladi. Ushbu model qo'shimcha hisoblanadi (qo'shish - qo'shishdan), unda barcha uchta komponentning qo'shilishi oq rangni hosil qiladi.
O'n oltilik ranglarda harakat qilishni osonlashtirish uchun ba'zi qoidalarni hisobga oling.
- Agar rang komponentlarining qiymatlari bir xil bo'lsa (masalan: # D6D6D6), natijada kul rang bo'ladi. Raqam qanchalik baland bo'lsa, rang shunchalik ochiq bo'ladi, qiymatlari #000000 (qora) dan #FFFFFF (oq) gacha.
- Qizil komponent maksimal (FF) qilinsa va qolgan komponentlar nolga o'rnatilsa, yorqin qizil rang hosil bo'ladi. Qiymati #FF0000 bo'lgan rang eng qizil qizil rangdir. Xuddi shu narsa yashil (# 00FF00) va ko'k (# 0000FF) uchun ham amal qiladi.
- Sariq (#FFFF00) qizil va yashil ranglarni aralashtirish orqali hosil bo'ladi. Bu asosiy ranglar (qizil, yashil, ko'k) va qo'shimcha yoki qo'shimcha ranglarni taqdim etadigan rang g'ildiragida aniq ko'rinadi (6.1-rasm). Bularga sariq, zangori va binafsha (shuningdek, magenta deb ataladi) kiradi. Umuman olganda, har qanday rangni unga yaqin ranglarni aralashtirish orqali olish mumkin. Shunday qilib, ko'k (# 00FFFF) ko'k va yashil ranglarni birlashtirish orqali olinadi.
Guruch. 6.1. Rangli doira
O'n oltilik qiymatlarga asoslangan ranglar empirik tarzda tanlanishi shart emas. Shu maqsadda turli xil rang modellari bilan ishlay oladigan grafik muharrir, masalan, Adobe Photoshop mos keladi. Shaklda. 6.2-rasmda ushbu dasturda rang tanlash oynasi ko'rsatilgan, natijada joriy rangning o'n oltilik qiymati chiziq bilan ko'rsatilgan; Siz uni nusxalashingiz va kodingizga joylashtirishingiz mumkin.
Guruch. 6.2. Photoshop-da ranglarni tanlash oynasi
Veb ranglari
Agar siz monitorning rang berish sifatini 8 bitga (256 rang) o'rnatgan bo'lsangiz, u holda bir xil rang turli brauzerlarda turlicha ko'rsatilishi mumkin. Buning sababi, brauzer o'z palitrasi bilan ishlaganda va uning palitrasida bo'lmagan rangni ko'rsatolmaganda, grafiklarni ko'rsatish usuli. Bunday holda, rang boshqa piksellar birikmasi bilan almashtiriladi, unga yaqin, berilganga taqlid qiladi. Rang turli xil brauzerlarda bir xil bo'lishini ta'minlash uchun veb-ranglar palitrasi taqdim etildi. Veb ranglari - har bir komponent - qizil, yashil va ko'k - oltita qiymatdan biriga o'rnatilgan ranglar - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Ushbu komponentning o'n oltilik qiymati qavs ichida ko'rsatilgan. Barcha mumkin bo'lgan kombinatsiyalardan ranglarning umumiy soni 6x6x6 - 216 rangni beradi. Misol veb rangi #33FF66.
Veb rangining asosiy xususiyati shundaki, u barcha brauzerlarda bir xil ko'rinadi. Hozirgi vaqtda monitorlar sifatining yaxshilanishi va ularning imkoniyatlarining kengayishi tufayli veb-ranglarning dolzarbligi juda kichik.
Nomi bo'yicha ranglar
Raqamlar to'plamini eslab qolishning oldini olish uchun uning o'rniga tez-tez ishlatiladigan ranglarning nomlaridan foydalanishingiz mumkin. Jadvalda 6.3 mashhur rang nomlarining nomlarini ko'rsatadi.
Rang nomi | Rang | Tavsif | O'n oltilik qiymat |
---|---|---|---|
qora | Qora | #000000 | |
ko'k | Moviy | #0000FF | |
fuşya | Och binafsha | #FF00FF | |
kulrang | To'q kulrang | #808080 | |
yashil | Yashil | #008000 | |
Laym | Och yashil | #00FF00 | |
to'q qizil | To'q qizil | #800000 | |
dengiz floti | Toʻq koʻk | #000080 | |
zaytun | Zaytun | #808000 | |
siyohrang | To'q binafsha | #800080 | |
qizil | Qizil | #FF0000 | |
kumush | Och kulrang | #C0C0C0 | |
ko'k | Moviy-yashil | #008080 | |
oq | Oq | #FFFFFF | |
sariq | Sariq | #FFFF00 |
Rangni uning nomi bilan yoki o'n oltilik raqamlar yordamida belgilashingiz muhim emas. Ushbu usullar o'z ta'sirida tengdir. 6.1-misol veb-sahifaning fon va matn ranglarini qanday o'rnatishni ko'rsatadi.
6.1-misol. Fon va matn rangi
Misol matn
Bu misolda fon rangi tegning bgcolor atributi yordamida o'rnatiladi
, va matn rangi matn atributi orqali. Turli xillik uchun matn atributi o'n oltilik raqamga o'rnatiladi va bgcolor atributi ajratilgan teal kalit so'ziga o'rnatiladi.HTMLda rang uchta usulda belgilanishi mumkin:
HTMLda rangni uning nomi bilan belgilash
Ba'zi ranglar ingliz tilidagi rang nomini qiymat sifatida ishlatib, ularning nomi bilan ko'rsatilishi mumkin. Eng keng tarqalgan kalit so'zlar: qora, oq, qizil, yashil, ko'k va boshqalar:
Matn rangi - qizil
World Wide Web Consortium (W3C) standartining eng mashhur ranglari:
Rang | Ism | Rang | Ism | Rang | Ism | Rang | Ism |
---|---|---|---|---|---|---|---|
Qora | Kulrang | Kumush | Oq | ||||
Sariq | Laym | Aqua | Fuşya | ||||
Qizil | Yashil | Moviy | Siyohrang | ||||
Maroon | Zaytun | Dengiz floti | Teal |
Turli xil rang nomlaridan foydalanishga misol:
Misol: rangni nomi bilan belgilash
- O'zingiz sinab ko'ring "
Qizil fonda sarlavha
Sarlavha to'q sariq fonda
Ohak fonida sarlavha
Moviy fonda oq matn
Qizil fonda sarlavha
Sarlavha to'q sariq fonda
Ohak fonida sarlavha
Moviy fonda oq matn
RGB yordamida rangni belgilash
Monitorda turli xil ranglarni ko'rsatishda RGB palitrasi asos sifatida ishlatiladi. Har qanday rang uchta asosiyni aralashtirish orqali olinadi: R - qizil, G - yashil, B - ko'k. Har bir rangning yorqinligi bir bayt bilan berilgan va shuning uchun 0 dan 255 gacha qiymatlarni qabul qilishi mumkin. Masalan, RGB (255,0,0) qizil rangda ko'rsatiladi, chunki qizil rang eng yuqori qiymatga (255) o'rnatiladi va qolganlari 0 ga o'rnatiladi Siz rangni foiz sifatida ham o'rnatishingiz mumkin. Har bir parametr mos rangning yorqinlik darajasini ko'rsatadi. Masalan: rgb(127, 255, 127) va rgb(50%, 100%, 50%) qiymatlari bir xil o'rtacha yashil rangni o'rnatadi:
Misol: RGB yordamida rangni belgilash
- O'zingiz sinab ko'ring "
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Rangni o'n oltilik qiymat bo'yicha o'rnating
Qiymatlar R G B O'n oltilik (HEX) rang qiymatlari yordamida ham ko'rsatilishi mumkin: #RRGGBB bu erda RR (qizil), GG (yashil) va BB (ko'k) 00 dan FF gacha bo'lgan o'n oltilik qiymatlar (0-255 kasr bilan bir xil). ). O‘nlik sanoq sistemasidan farqli o‘laroq, o‘nlik sanoq sistemasi, nomidan ko‘rinib turibdiki, 16 raqamiga asoslanadi. O‘n oltilik sistema quyidagi belgilardan foydalanadi: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Bu erda 10 dan 15 gacha bo'lgan raqamlar lotin harflari bilan almashtiriladi. O'n oltilik tizimda 15 dan katta raqamlar ikkita belgini bitta qiymatga birlashtirish orqali ifodalanadi. Misol uchun, o'nlikdagi eng yuqori 255 raqami o'n oltilik sanoqdagi eng yuqori FF qiymatiga mos keladi. O'nlik sistemadan farqli o'laroq, o'n oltilik sondan oldin xesh belgisi qo'yiladi. # , masalan, #FF0000 qizil rang sifatida ko'rsatilgan, chunki qizil rang eng yuqori qiymatga (FF) va qolgan ranglar minimal qiymatiga (00) o'rnatilgan. Xesh belgisidan keyin belgilar # Siz katta va kichik harflarda yozishingiz mumkin. O'n oltilik tizim #rgb qisqartirilgan shaklidan foydalanishga imkon beradi, bu erda har bir belgi ikki barobarga teng. Shunday qilib, #f7O yozuvi #ff7700 sifatida qabul qilinishi kerak.
Misol: HEX rangi
- O'zingiz sinab ko'ring "
qizil: #FF0000
yashil: #00FF00
ko'k: #0000FF
qizil: #FF0000
yashil: #00FF00
ko'k: #0000FF
qizil+yashil=sariq: #FFFF00
qizil + ko'k = binafsha: #FF00FF
yashil+ko‘k=ko‘k rang: #00FFFF
Umumiy ranglar ro'yxati (nomi, HEX va RGB):
Inglizcha nomi | Ruscha nomi | Namuna | HEX | RGB | ||
---|---|---|---|---|---|---|
Amaranth | Amaranth | #E52B50 | 229 | 43 | 80 | |
Amber | Amber | #FFBF00 | 255 | 191 | 0 | |
Aqua | Moviy-yashil | #00FFFF | 0 | 255 | 255 | |
Azure | Azure | #007FFF | 0 | 127 | 255 | |
Qora | Qora | #000000 | 0 | 0 | 0 | |
Moviy | Moviy | #0000FF | 0 | 0 | 255 | |
Bondi ko'k | Bondi sohilidagi suv | # 0095B6 | 0 | 149 | 182 | |
Guruch | Guruch | #B5A642 | 181 | 166 | 66 | |
jigarrang | jigarrang | #964B00 | 150 | 75 | 0 | |
Serulean | Azure | #007BA7 | 0 | 123 | 167 | |
To'q bahor yashil | To'q bahor yashil | #177245 | 23 | 114 | 69 | |
Zumrad | Zumrad | #50C878 | 80 | 200 | 120 | |
Baqlajon | Baqlajon | #990066 | 153 | 0 | 102 | |
Fuşya | Fuşya | #FF00FF | 255 | 0 | 255 | |
Oltin | Oltin | #FFD700 | 250 | 215 | 0 | |
Kulrang | Kulrang | #808080 | 128 | 128 | 128 | |
Yashil | Yashil | #00FF00 | 0 | 255 | 0 | |
Indigo | Indigo | #4B0082 | 75 | 0 | 130 | |
Jade | Jade | #00A86B | 0 | 168 | 107 | |
Laym | Laym | #CCFF00 | 204 | 255 | 0 | |
Malaxit | Malaxit | # 0BDA51 | 11 | 218 | 81 | |
Dengiz floti | Toʻq koʻk | #000080 | 0 | 0 | 128 | |
Ocher | Ocher | #CC7722 | 204 | 119 | 34 | |
Zaytun | Zaytun | #808000 | 128 | 128 | 0 | |
apelsin | apelsin | #FFA500 | 255 | 165 | 0 | |
shaftoli | shaftoli | #FFE5B4 | 255 | 229 | 180 | |
Qovoq | Qovoq | #FF7518 | 255 | 117 | 24 | |
Siyohrang | binafsha | #800080 | 128 | 0 | 128 | |
Qizil | Qizil | #FF0000 | 255 | 0 | 0 | |
za'faron | za'faron | #F4C430 | 244 | 196 | 48 | |
Yashil dengiz | Yashil dengiz | #2E8B57 | 46 | 139 | 87 | |
Yashil botqoq | Bolotniy | #ACB78E | 172 | 183 | 142 | |
Teal | Moviy-yashil | #008080 | 0 | 128 | 128 | |
Ultramarin | Ultramarin | #120A8F | 18 | 10 | 143 | |
binafsha | binafsha | #8B00FF | 139 | 0 | 255 | |
Sariq | Sariq | #FFFF00 | 255 | 255 | 0 |
To'yinganlik va rang bo'yicha rang kodlari (fon).
Ranglarni belgilash uchun o'n oltilik raqamlar ishlatiladi. O‘nlik sanoq sistemasidan farqli o‘laroq, o‘nlik sanoq sistemasi, nomidan ko‘rinib turibdiki, 16 raqamiga asoslanadi. Raqamlar quyidagicha bo‘ladi: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C, D, E, F. 10 dan 15 gacha raqamlar lotin harflari bilan almashtiriladi. O'n oltilik sistemada 15 dan katta sonlar ikkita raqamni birlashtirib hosil qilinadi. Masalan, o'nlik sanoqdagi 255 soni o'n oltilik sanoqdagi FF soniga mos keladi. Sanoq tizimini aniqlashda chalkashliklarga yo'l qo'ymaslik uchun o'n oltilik raqam oldiga # xesh belgisi qo'yiladi, masalan #666999. Uch rangning har biri - qizil, yashil va ko'k - 00 dan FF gacha qiymatlarni qabul qilishi mumkin. Shunday qilib, rang belgisi uchta komponentga bo'lingan #rrggbb, bu erda birinchi ikkita belgi rangning qizil komponentini, o'rta ikkitasi - yashil va oxirgi ikkitasi - ko'kni bildiradi. #rgb qisqartirilgan shaklidan foydalanishga ruxsat beriladi, bu erda har bir belgi ikki barobarga ko'paytirilishi kerak. Shunday qilib, #fe0 yozuvi #ffee00 sifatida qabul qilinishi kerak.
Nomi bo'yicha
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Brauzerlar ba'zi ranglarni o'z nomi bilan qo'llab-quvvatlaydi. Jadvalda 1 nomlar, o'n oltilik kod, RGB, HSL qiymatlari va tavsifni ko'rsatadi.
Ism | Rang | Kod | RGB | HSL | Tavsif |
---|---|---|---|---|---|
oq | #ffffff yoki #fff | rgb(255,255,255) | hsl(0,0%,100%) | Oq | |
kumush | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Kulrang | |
kulrang | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | To'q kulrang | |
qora | #000000 yoki #000 | rgb(0,0,0) | hsl(0,0%,0%) | Qora | |
to'q qizil | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | To'q qizil | |
qizil | #ff0000 yoki #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Qizil | |
apelsin | #ffa500 | rgb(255,165,0) | hsl(38,8,100%,50%) | apelsin | |
sariq | #ffff00 yoki #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Sariq | |
zaytun | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Zaytun | |
Laym | #00ff00 yoki #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Och yashil | |
yashil | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Yashil | |
suv | #00ffff yoki #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Moviy | |
ko'k | #0000ff yoki #00f | rgb(0,0,255) | hsl(240,100%,50%) | Moviy | |
dengiz floti | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Toʻq koʻk | |
ko'k | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Moviy-yashil | |
fuşya | #ff00ff yoki #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Pushti | |
siyohrang | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | binafsha |
RGB-dan foydalanish
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Rangni qizil, yashil va ko'k qiymatlardan foydalanib, o'nlik kasrda belgilashingiz mumkin. Uchta rang komponentining har biri 0 dan 255 gacha qiymat oladi. Shuningdek, rangni foiz sifatida ko‘rsatishga ruxsat beriladi, 100% 255 raqamiga mos keladi. Avval rgb kalit so‘zini belgilang, so‘ngra qavs ichida rang komponentlarini belgilang. , vergul bilan ajratilgan, masalan rgb(255 , 128, 128) yoki rgb(100%, 50%, 50%).
RGBA
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA formati sintaksisi bo'yicha RGB formatiga o'xshaydi, lekin elementning shaffofligini belgilaydigan alfa-kanalni o'z ichiga oladi. 0 qiymati to'liq shaffof, 1 shaffof emas va 0,5 kabi oraliq qiymat yarim shaffofdir.
RGBA CSS3 ga qo'shildi, shuning uchun CSS kodi ushbu versiyaga nisbatan tekshirilishi kerak. Shuni ta'kidlash kerakki, CSS3 standarti hali ishlab chiqilmoqda va ba'zi xususiyatlar o'zgarishi mumkin. Masalan, fon rangi xususiyatiga qo‘shilgan RGB formatidagi rang tasdiqlanadi, lekin fon xususiyatiga qo‘shilgan rang endi haqiqiy emas. Shu bilan birga, brauzerlar ikkala xususiyat uchun rangni juda to'g'ri tushunishadi.
HSL
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSL formatining nomi Hue (hue), Saturate (to'yinganlik) va Lightness (engillik) birinchi harflarining kombinatsiyasidan olingan. Hue - rang g'ildiragidagi rang qiymati (1-rasm) va darajalarda berilgan. 0° qizil rangga, 120° yashil rangga va 240° ko'k rangga to'g'ri keladi. Rang rangi 0 dan 359 gacha o'zgarishi mumkin.
Guruch. 1. Rangli g'ildirak
To'yinganlik rangning intensivligi bo'lib, 0% dan 100% gacha bo'lgan foiz sifatida o'lchanadi. 0% qiymati rang yo'qligini va kulrang soyani bildiradi, 100% to'yinganlik uchun maksimal qiymatdir.
Yengillik rangning qanchalik yorqinligini belgilaydi va 0% dan 100% gacha foiz sifatida belgilanadi. Past qiymatlar rangni quyuqroq qiladi va yuqori qiymatlar 0% va 100% ekstremal qiymatlar qora va oq rangga mos keladi;
HSLA
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA formati sintaksisi boʻyicha HSL formatiga oʻxshaydi, lekin elementning shaffofligini belgilash uchun alfa-kanalni oʻz ichiga oladi. 0 qiymati to'liq shaffof, 1 shaffof emas va 0,5 kabi oraliq qiymat yarim shaffofdir.
RGBA, HSL va HSLA rang qiymatlari CSS3 ga qo'shilgan, shuning uchun ushbu formatlardan foydalanganda kodingizni versiyaning haqiqiyligini tekshiring.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Ogohlantirish
Saytda keltirilgan barcha sher ovlash usullari nazariy va hisoblash usullariga asoslangan. Mualliflar ulardan foydalanishda sizning xavfsizligingizga kafolat bermaydi va natijalar uchun javobgarlikni o'z zimmasiga olmaydi. Esingizda bo'lsin, sher yirtqich va xavfli hayvondir!
Ushbu misolning natijasi rasmda ko'rsatilgan. 2.
Guruch. 2. Veb-sahifadagi ranglar
>>Ranglarni boshqarish
O'n oltilik RGB rang qiymatlari
Rangni tavsiflash va qayta ishlash usullari bir-biridan ular qanday yakuniy vakillik uchun mo'ljallanganligi bilan farqlanadi. Misol uchun, chop etish va kompyuter monitorlari uchun ranglarning ko'rinishini taqqoslaylik. Birinchi holda, asos olinadi oq keyinchalik uchta asosiy rang qo'llaniladigan qog'oz rangi: ko'k, siyohrang Va sariq. Bir-biri bilan va har xil nisbatda qog'ozning oq rangi bilan aralashib, bu uchta asosiy rang turli xil rang soyalarini beradi, sof qora rangdan tashqari yoki bo'yoqlarning to'liq yo'qligida ular oq qog'ozni beradi. Agar biz ularga qora rang qo'shsak, biz olamiz CMYK-oq rangdan etishmayotgan ranglarni ayirib, kerakli rang olinganda rangni uzatish usuli.
Ikkinchi holda, asos olinadi qora monitor ekranining rangi, har bir hujayra uchta rangdan birida porlaydi: qizil-qizil, yashil- yashil va ko'k-ko'k. Keyin, hech qanday porlashning to'liq yo'qligida biz sof qora ekran rangini olamiz va kerakli ranglarning har biri uchta rangning har birining nisbati bilan beriladi. Bu holda biz olamiz RGB-rangni uzatish usuli. Asosiy ranglar orasidan farq qilishi mumkin 0
oldin 255
, yoki dan 0%
oldin 100%
, yoki oʻn oltilik qiymat sifatida koʻrsatilishi mumkin. Quyidagi rasmda siz asosiy ranglarni aralashtirish natijalarini ko'rishingiz mumkin.
O'n oltilik sanoq tizimi, o'nlik sanoq tizimidan farqli o'laroq, o'z seriyasida o'nta emas, balki o'n olti raqamga ega - shuning uchun nom. Shunga ko'ra, ikkita raqam kombinatsiyasining faqat takrorlanmaydigan variantlari bo'lishi mumkin - 256 , keyin raqamlar qatorini davom ettirish uchun 9 dan kelgan xatlar A oldin F, shuning uchun seriya quyidagicha ko'rinadi -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Bunday holda, rang uchta o'n oltilik raqam bilan belgilanadi, ularning har biri ikkita raqamdan iborat. Birinchi raqam intensivlikni aniqlaydi qizil ranglar, o'rta yashil, oxirgi narsa - ko'k ranglar. Barcha raqamlar diapazondagi qiymatlarni qabul qilishi mumkin 00 oldin FF(0 dan 255 gacha). Masalan: yashil rang sifatida berilgan #00FF00, qizil kabi #FF0000, ko'k kabi #0000FF, oq kabi #FFFFFF, rang yoki qora rangning to'liq yo'qligi sifatida berilgan #000000 .
Quyidagi shaklda siz uchta rangning har biri uchun har qanday o'n oltilik qiymatlarni belgilashingiz va chiqish maydonini bosish orqali ularni aralashtirish natijasini ko'rishingiz mumkin.
Ba'zi o'n oltilik RGB rang qiymatlariga misollar: qizil, ko'k va yashil gradatsiyalar.
ko'rinish | kod | ko'rinish | kod | ko'rinish | kod | ko'rinish | kod | ko'rinish | kod | ko'rinish | kod |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
String Literals yordamida rangni belgilash
Foydalanish qulayligi uchun ba'zi ranglar va ularning kombinatsiyalariga barcha brauzerlar tomonidan tanilgan nomlar berildi va ularning ko'pchiligini nom bilan belgilash mumkin bo'ldi. Quyidagi jadvalda ba'zi rang nomlari ko'rsatilgan:
ko'rinish | Ism | ko'rinish | Ism | ko'rinish | Ism | ko'rinish | Ism |
Oq | Qizil | apelsin | Sariq | ||||
Yashil | Moviy | Siyohrang | Qora | ||||
Aliceblue | Antik oq | Aqua | Akuamarin | ||||
Azure | Bej | Biskvit | Blanchedalmond | ||||
Moviy binafsha | jigarrang | Burlywood | Cadetblue | ||||
Chartreuse | Shokolad | marjon | Makkajo'xori ko'k | ||||
Makkajo'xori | Qip-qizil | Moviy | To'q ko'k | ||||
Darkcyan | To'q oltin tayoq | To'q rangli | To'q yashil | ||||
Darkxaki | Darkmagenta | To'q yashil | To'q sariq | ||||
Darqorchid | To'q rangli | Qora losos | To'q yashil | ||||
To'q ko'k | Darkslategray | To'q turkuaz | To'q binafsha | ||||
Chuqur pushti | Chuqur ko'k | Dimgray | Dodgerblue | ||||
Olovli g'isht | Gulli oq | Yashil o'rmon | Fuschia | ||||
Gainsboro | Arvoh oq | Oltin | Oltin tayoq | ||||
Kulrang | Yashil sariq | Obinavot | Hotpink | ||||
Hind qizil | Indigo | Fil suyagi | Xaki | ||||
Lavanda | Lavanda qizarishi | Limonchifon | Ochiq ko'k | ||||
Yengil marjon | Lightcyan | Ochiq-sovuq sariq | Och yashil | ||||
Och kulrang | Ochiq pushti | Yengil losos | Yashil dengiz | ||||
Ochiq ko'k | Chiroqli rang | Ochiq po'lat ko'k | Och sariq | ||||
Laym | Ohak | Zig'ir | Magenta | ||||
Maroon | Mediumaquamarine | Oʻrtacha koʻk | O'rta orxideya | ||||
O'rtacha binafsha | O'rta dengiz yashil | O'rtacha ko'k | O'rta bahor yashil | ||||
O'rta turkuaz | O'rta binafsharang | Yarim tungi ko'k | Yalpiz kremi | ||||
Mistiroz | Navajovayt | Dengiz floti | Oldlace | ||||
Zaytun | Oliverab | To'q sariq | Orxideya | ||||
Palegoldenrod | Paleyashil | Paliturkuaz | Palevioletred | ||||
Papayya qamchi | Shaftoli | Peru | Pushti | ||||
olxo'ri | Ko'k chang | Qizil jigarrang | Royal Blue | ||||
Saddlebrown | Dengiz yashil | Dengiz qobig'i | Sienna | ||||
Kumush | Moviy osmon | Slat blue | Slategray | ||||
Qor | Bahorgi yashil | Chelik ko'k | Tan | ||||
Teal | Thistle | Pomidor | Turkuaz | ||||
binafsha | Bug'doy | Oq tutun | Sariq yashil |
Xavfsiz ranglar palitrasidan foydalanish
Afsuski, turli platformalarda, turli xil tizim sozlamalari bilan ranglarni to'g'ri ko'paytirish muammo hisoblanadi. Gap shundaki, brauzer har doim ranglarni mustaqil ravishda aralashtirib, ularni almashtirish orqali hujjatning ranglar palitrasini tizim sozlamalari va monitor imkoniyatlariga moslashtirishga harakat qiladi. Natijada, ba'zida foydalanuvchi webmaster unga ko'rsatmoqchi bo'lgan narsani aniq ko'rmaydi. Ushbu vaziyatdan chiqish yo'li palitradan foydalanishda topildi, uning har bir rangi turli platformalardagi barcha brauzerlar tomonidan teng ravishda ko'rsatilishi kafolatlanadi. Bu deb ataladigan narsa kafolatlangan palitrasi, shuningdek, deyiladi xavfsiz palitrasi. Ushbu palitraga rang komponentlari quyidagi qiymatlarni oladigan ranglar kiradi: 00 ,33 ,66 ,99 , CC,FF, barcha mumkin bo'lgan usullarda 216 ularning kombinatsiyalari.
ko'rinish | kod | ko'rinish | kod | ko'rinish | kod | ko'rinish | kod | ko'rinish | kod | ko'rinish | kod |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
0066FF | 3366 CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
3333FF | 3300FF | 3300 CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |