999999 html rangi. Uslublardagi rang turli yo'llar bilan o'rnatilishi mumkin: o'n oltilik qiymat bo'yicha, nomi bo'yicha, RGB, RGBA, HSL, HSLA formatida
>>Ranglarni boshqarish
O'n oltilik RGB rang qiymatlari
Ranglarni tavsiflash va qayta ishlash usullari bir-biridan ular qanday yakuniy vakillik uchun mo'ljallanganligi bilan farqlanadi. Keling, masalan, poligrafiya va kompyuter monitorlari uchun ranglarning tasvirlarini taqqoslaylik. Birinchi holda, asos oq Keyinchalik uchta asosiy rang qo'llaniladigan qog'oz rangi: ko'k, siyohrang va sariq. Bir-biri bilan va oq qog'oz rangi bilan har xil nisbatda aralashib, bu uchta asosiy rang turli xil rang soyalarini beradi, sof qora rangdan tashqari yoki ular beradigan ranglar yo'qligidan tashqari oq rang qog'oz. Agar biz ularga qora qo'shsak, olamiz CMYK- oq rangdan etishmayotgan ranglarni ayirish orqali kerakli rang olinganda rangni etkazish usuli.
Ikkinchi holda, asos qora monitor ekranining rangi, uning har bir hujayrasi uchta rangdan birida porlaydi: qizil-qizil, yashil- yashil va ko'k-ko'k. Keyin, hech qanday porlashning to'liq yo'qligida biz ekranning sof qora rangini olamiz va kerakli ranglarning har biri uchta rangning har birining nisbati bilan beriladi. Bu holda biz olamiz RGB- Rangni uzatish usuli. Asosiy ranglar dan ma'noga ega bo'lishi 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'zining raqamlar qatorida o'nta emas, balki o'n olti raqamga ega - shuning uchun nom. Shunga ko'ra, ikkita raqam kombinatsiyasining takrorlanmaydigan variantlari faqat bo'lishi mumkin - 256 , keyin raqamlar qatorini davom ettirish uchun 9 dan kelgan xatlar A oldin F, shuning uchun qator quyidagicha ko'rinadi -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Bunday holda, rang har biri ikkita raqamdan iborat bo'lgan uchta o'n oltilik sonlar bilan beriladi. Birinchi raqam intensivlikni aniqlaydi qizil ranglar, o'rtacha yashil, oxirgi narsa - ko'k ranglar. Barcha raqamlar dan gacha qiymatlarni qabul qilishi mumkin 00 oldin FF(0 dan 255 gacha). Misol uchun: 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 o'rnatishingiz 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 |
Rangni satr harflari bilan 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 | nomi | ko'rinish | nomi | ko'rinish | nomi | ko'rinish | nomi |
Oq | Qizil | apelsin | Sariq | ||||
Yashil | Moviy | Siyohrang | Qora | ||||
Elis ko'k | antiqa oq | Aqua | akuamarin | ||||
Azure | Bej | Biskvit | blanchedalmond | ||||
Moviy binafsha | jigarrang | Burlivud | Cadetblue | ||||
chartreuse | Shokolad | marjon | Makkajo'xori ko'k | ||||
Makkajo'xori | Qip-qizil | zangori | quyuq ko'k | ||||
Darkcyan | qora oltin tayoq | to'q kulrang | to'q yashil | ||||
Darkxaki | Darkmagenta | To'q yashil | to'q sariq | ||||
Darqorxid | quyuq qizil | qora losos | To'q yashil | ||||
to'q rangli ko'k | qora rangdagi kulrang | quyuq turkuaz | To'q binafsha | ||||
Chuqur pushti | chuqur osmon moviy | Dimgray | dodger ko'k | ||||
Olovli g'isht | Gulli oq | o'rmonzor | Fuschia | ||||
Gainsboro | sharpa oq | Oltin | Oltin tayoq | ||||
Kulrang | Yashil sariq | Obinavot | issiq pushti | ||||
Hind qizil | Indigo | Fil suyagi | Xaki | ||||
Lavanda | Lavanda qizarishi | Limonchifon | ochiq ko'k | ||||
engil marjon | ochiq ko'k | ochiq-sovuq sariq | och yashil | ||||
och kulrang | Ochiq pushti | engil qizil ikra | Ochiq dengiz yashil | ||||
Ochiq ko'k | Chiroqli kulrang | ochiq po'lat ko'k | och sariq | ||||
Laym | Ohak yashil | zig'ir | Magenta | ||||
to'q qizil | o'rta akvamarin | o'rtacha ko'k | O'rta orkide | ||||
O'rtacha binafsha rang | O'rta dengiz yashil | O'rtacha ko'k | O'rta bahor yashil | ||||
o'rta turkuaz | o'rta binafsha qizil | yarim tunda ko'k | yalpiz kremi | ||||
mistiroz | Navajovayt | Dengiz floti | eski dantel | ||||
Zaytun | Olivedrab | to'q sariq qizil | Orxideya | ||||
palegoldenrod | Paleyashil | paletruza | rangsizlangan | ||||
papayya qamchi | Shaftoli | Peru | Pushti | ||||
Olxo'ri | Moviy chang | Qizil jigarrang | qirollik ko'k | ||||
egar jigarrang | dengiz yashil | Dengiz qobig'i | Sienna | ||||
Kumush | moviy osmon | Shifer ko'k | Slategray | ||||
Qor | Bahorgi yashil | po'lat ko'k | Tan | ||||
Teal | Qushqo'nmas | Pomidor | Turkuaz | ||||
binafsha | Bug'doy | Oq tutun | sariq yashil |
Xavfsiz rang tanlash vositasidan foydalanish
Afsuski, turli platformalarda, turli xil tizim sozlamalari bilan ranglarni to'g'ri ko'paytirish muammo hisoblanadi. Gap shundaki, brauzer har doim ranglarni o'z-o'zidan aralashtirib, almashtirish orqali hujjatning ranglar palitrasini tizim sozlamalari va monitor imkoniyatlariga moslashtirishga harakat qiladi. Natijada, ba'zida foydalanuvchi webmaster unga ko'rsatmoqchi bo'lgan narsani ko'rmaydi. Ushbu vaziyatdan chiqish yo'li palitradan foydalanishda topildi, uning har bir rangi turli platformalardagi barcha brauzerlar tomonidan bir xil ko'rsatilishi kafolatlanadi. Bu shunday deyiladi kafolatlangan palitrasi, shuningdek, deb nomlanadi xavfsiz palitrasi. Ushbu palitraga rang komponentlari quyidagi qiymatlarni oladigan ranglar kiradi: 00 ,33 ,66 ,99 , CC,FF, iloji boricha 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 | 3300CC | 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 |
HTMLda rang uchta usulda belgilanishi mumkin:
HTMLda rangni nomi bilan belgilash
Ba'zi ranglar o'z nomi bilan belgilanishi mumkin, bu rangning nomidan foydalanib ingliz tili. Eng keng tarqalgan kalit so'zlar: qora (qora), oq (oq), qizil (qizil), yashil (yashil), ko'k (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 | ||||
to'q qizil | Zaytun | Dengiz floti | Teal |
Turli xil rang nomlaridan foydalanishga misol:
Misol: rangni uning 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 bilan rangni belgilash
Monitorda turli xil ranglarni ko'rsatishda RGB palitrasi asos qilib olinadi. Har qanday rang uchta asosiyni aralashtirish orqali olinadi: R - qizil, G - yashil (yashil), B - ko'k (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 rang sifatida 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. Parametrlarning har biri mos keladigan rangning yorqinlik darajasini ko'rsatadi. Masalan: rgb(127, 255, 127) va rgb(50%, 100%, 50%) qiymatlari bir xil o'rtacha to'yingan yashil rangni o'rnatadi:
Misol: RGB bilan 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 qiymatlardir (o'nlik 0- bilan bir xil). 255). 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 almashtiriladi lotin harflari bilan. 15 dyuymdan katta raqamlar o'n oltilik tizim ikkita belgining bitta qiymatga birlashishi. Misol uchun, o'nlikdagi eng yuqori 255 soni o'n oltilikdagi eng yuqori FFga mos keladi. O'nlik sistemadan farqli o'laroq, o'n oltilik sondan oldin funt belgisi qo'yiladi. # , masalan, #FF0000 qizil rang sifatida ko'rsatiladi, chunki qizil rang eng yuqori qiymatga (FF) va boshqa ranglar minimal qiymatiga (00) o'rnatiladi. Xesh belgisidan keyingi belgilar # katta va kichik harflarda yozish mumkin. O'n oltilik tizim har bir belgi ikki barobarga teng bo'lgan #rgb qisqartirilgan shaklidan foydalanishga imkon beradi. Shunday qilib, #f7O yozuvi #ff7700 deb hisoblanishi 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
Ko'p ishlatiladigan ranglar ro'yxati (nomi, HEX va RGB):
Inglizcha sarlavha | Ruscha nomi | Namuna | HEX | RGB | ||
---|---|---|---|---|---|---|
Amaranth | amaranth | #E52B50 | 229 | 43 | 80 | |
Amber | Amber | #FFBF00 | 255 | 191 | 0 | |
Aqua | ko'k 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 | |
quyuq 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 rang | #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 | |
dengiz yashil | yashil dengiz | #2E8B57 | 46 | 139 | 87 | |
Yashil botqoq | Bolotniy | #ACB78E | 172 | 183 | 142 | |
Teal | ko'k 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).
Ma'lumki, rang insonning holatiga ta'sir qilishi mumkin: ham aqliy, ham jismoniy. Har kuni Internetni ko'rib chiqayotganda, ko'zlar millionlab ranglar va soyalarni baholaydi. Rang psixologiyasini yaxshi biladigan veb-dizayner istalgan maqsadga erishish uchun tashrif buyuruvchining kayfiyatini nazorat qila oladi.
Buning sababi, ba'zi soyalar tinchlantiradi, ba'zilari esa, aksincha, hayajonga soladi. Keyinchalik, kompyuter texnologiyasi yordamida rang qanday sintez qilinganligi va ko'rsatilishi haqida gapiramiz.
RGB - bu uchta asosiy komponentni turli nisbatlarda aralashtirish orqali barcha ranglar va ularning soyalarini olish usulini ifodalovchi rang modeli:
- qizil rang ( Qizil);
- yashil rang ( Yashil);
- ko'k rang ( Moviy).
RGB qisqartirilgan nomi shu erdan keladi. Ushbu ranglar bir sababga ko'ra asosiy ranglar sifatida tanlanadi: sabab inson ko'zining to'r pardasining fiziologiyasi va ularni qanday qabul qilishi:
RGB modeli bugungi kunda eng mashhur bo'lib qolmoqda va televizor ekranlari va kompyuter monitorlarida ranglarni ko'paytirish uchun ishlatiladi. Ishlab chiqaruvchilar o'z mahsulotlarini sovg'a qilganligi sababli turli xil xususiyatlar, 1996 yilda tashkil etilgan bitta tizim tomonidan birgalikda ishlagan sRGB deb nomlangan RGB-ga asoslangan rang sintezi Microsoft va HP.
Raqamli rang ko'rinishi
Yuqorida aytib o'tilganidek, RGB ranglari asosiy ranglarni aralashtirish orqali hosil bo'ladi. Ularning har birining intensivligini tavsiflash uchun rang 0-255 (8 bit) oralig'ida ifodalangan sxema qabul qilindi, bu o'n oltilik tizimda 00-FF ga to'g'ri keladi.
Ya'ni, asosiy ranglar quyidagicha ko'rinadi:
- Qizil - RGB (255.0.0);
- Yashil - RGB (0,255,0);
- Moviy - RGB (0,0,255);
Agar rang intensivligi 255 dan kam qiymatlarni qabul qilsa, qizil, yashil va ko'kning turli xil soyalari olinadi. Quyida ularning gradatsiyasi jadvali, shuningdek, har bir soyaning o'n oltilik qiymatlari keltirilgan:
RGB rang jadvallari
Tabiiyki, asosiy ranglarning gradatsiyasiga qo'shimcha ravishda, aralash ranglar mavjud va ularning soni juda katta. Shuning uchun RGB ranglar jadvali yaratildi, unda barcha mavjud soyalar, shuningdek ularning nomlari va raqamli ko'rinishlari ( o'nlik va o'n oltilik shaklida).
Siz u bilan bu yerda tanishishingiz mumkin. Bu jadval veb-dizaynerlar uchun hayotni ancha osonlashtiradi, chunki bir necha soniya ichida siz kerakli soyani topishingiz va uning raqamli ko'rinishini bilib olishingiz mumkin.
Xavfsiz RGB ranglar palitrasi
Biroq, bir vaqtning o'zida turli xil brauzerlarda ranglarni ko'rsatish muammosi paydo bo'ldi va uni hal qilish uchun RGB ranglarining "xavfsiz" palitrasi tuzildi, ular matematik hisob-kitoblar orqali olingan.
Brauzer rangni to'g'ri ko'rsatolmasa, u qo'shni ranglarni aralashtirish orqali o'ziga kerak bo'lgan narsaga yaqinlashishga harakat qiladi va natija butunlay qabul qilinishi mumkin emas:
Ushbu palitradagi RGB rang kodlaridan foydalangan holda, veb-ishlab chiquvchi turli xil brauzerlar, platformalar va monitorlardan foydalangan holda o'z saytlari sahifalarida ranglarni ko'rsatishda xotirjam bo'lishi mumkin. Garchi yoqilgan bo'lsa ham bu daqiqa xavfsiz ranglar jadvali o'z ahamiyatini yo'qotadi ( texnologik taraqqiyot bir joyda to'xtamaydi), undan foydalanganda, ular aytganidek, tinchgina uxlashingiz mumkin.
RGB modelida oltin rang
Birinchi marta "oltin" so'zi XIV asrning boshlarida rangni tasvirlash uchun ishlatilgan kimyoviy element Aurum - oltin deb ataladi. RGB modelida oltin rang quyidagi raqamli qiymatlar bilan ifodalanadi:
- RGB (255, 215, 0) - o'nli tizim;
- HEX #FFD700 - o'n oltilik tizim.
RGB modelidagi bej rang
Bej eng ifodali bo'lmasa ham, tarixda juda muhim o'rin tutadi. Ko'pgina madaniy yodgorliklar, ayniqsa antiqa haykallar, bej tusga ega bo'lgan steatit va sovun toshidan yasalgan. RGB modelida bej quyidagi raqamli ko'rinishga ega:
- RGB (245, 245, 220) - o'nli tizim;
- HEX #F5F5DC - o'n oltilik tizim.
Hozirgi kunda, ayniqsa, World Wide Web-da bunday "zerikarli" rangni topish juda kam. Ishlab chiquvchilar jozibali dizaynni afzal ko'radilar yorqin ranglar. Texnologik taraqqiyot monitorlarda juda ko'p sonli ranglarni ko'rsatishga imkon beradi, bu esa tasvirni yanada real qiladi.
Yaxshi yomon
Vlad Merzhevich
HTMLda rang ikki usuldan biri bilan belgilanadi: o'n oltilik kod yordamida va ba'zi ranglar nomi bilan. Eng ko'p ishlatiladigan usul o'n oltilik tizimga asoslangan bo'lib, 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 tizimining ta'rifida chalkashliklarga yo'l qo'ymaslik uchun o'n oltilik sondan oldin # funt belgisi qo'yiladi, masalan #aa69cc. Bunday holda, ish muhim emas, shuning uchun #F0F0F0 yoki #f0f0f0 yozish joizdir.
HTMLda ishlatiladigan odatiy rang quyidagicha.
Bu yerda veb-sahifaning fon rangi #FA8E47 ga o'rnatiladi. Raqam oldidagi funt belgisi # uning o'n oltilik tizimda ekanligini bildiradi. Birinchi ikkita raqam (FA) rangning qizil komponentini, uchinchidan to'rtinchi raqamlarga (8E) yashil komponentni va oxirgi ikki raqam (47) ko'k komponentni belgilaydi. Yakuniy natija - bu rang.
FA | + | 8E | + | 47 | = | FA8E47 |
Uchta rangning har biri - qizil, yashil va ko'k - 00 dan FF gacha bo'lgan qiymatlarni olishi mumkin, bu oxir-oqibat 256 ta rang hosil qiladi. 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 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), unda siz olasiz kulrang soya. Qanday ko'proq raqam, rang qanchalik ochiq bo'lsa, #000000 (qora) dan #FFFFFF (oq) ga o'zgaradi.
- Qizil komponent maksimal (FF) qilinsa, qolgan komponentlar esa nolga o'rnatilsa, yorqin qizil rang hosil bo'ladi. #FF0000 qiymatiga ega rang mumkin bo'lgan eng qizil qizil rangdir. Shunga o'xshash holat yashil rangda(#00FF00) va ko'k (#0000FF).
- Sariq(#FFFF00) qizilni yashil bilan aralashtirish orqali olinadi. Bu asosiy ranglar (qizil, yashil, ko'k) va qo'shimcha yoki to'ldiruvchini 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 qo'shni 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 har xil ishlay oladigan grafik muharrir mos keladi rangli modellar Adobe Photoshop kabi. Shaklda. 6.2 ushbu dasturda rang tanlash oynasini ko'rsatadi, chiziq joriy rangning natijada o'n oltilik qiymatini aylantiradi. Siz uni nusxalashingiz va kodingizga joylashtirishingiz mumkin.
Guruch. 6.2. Photoshop-da rang tanlash
Veb ranglari
Agar siz monitorning rang sifatini 8-bit (256 rang) ga oʻrnatgan boʻlsangiz, xuddi shu rang quyidagi oynada koʻrsatilishi mumkin. turli xil brauzerlar o'z yo'limda. Bu brauzer o'z palitrasi bilan ishlayotgan va palitrada mavjud bo'lmagan rangni ko'rsata olmaganida grafiklarni ko'rsatish usuli bilan bog'liq. Bunday holda, rang boshqa piksellar birikmasi bilan almashtiriladi, unga yaqin, berilganga taqlid qiladi. Turli xil brauzerlarda rang bir xil bo'lib qolishi uchun veb-ranglar palitrasi taqdim etildi. Veb ranglari - bu ranglar, ularning har bir komponenti uchun - qizil, yashil va ko'k - oltita qiymatdan biri - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). Ushbu komponentning o'n oltilik qiymati qavs ichida ko'rsatilgan. Jami barcha mumkin bo'lgan kombinatsiyalardan ranglar 6x6x6 - 216 rang beradi. Misol veb rangi #33FF66.
Veb rangining asosiy xususiyati shundaki, u barcha brauzerlarda bir xil ko'rsatiladi. Hozirgi vaqtda monitorlar sifatining yaxshilanishi va ularning imkoniyatlarining kengayishi tufayli veb-ranglarning dolzarbligi juda kichik.
Nomi bo'yicha ranglar
Raqamlar to'plamini eslamaslik uchun uning o'rniga tez-tez ishlatiladigan ranglarning nomlaridan foydalanishingiz mumkin. Jadvalda. 6.3 mashhur rang nomlarining nomlarini ko'rsatadi.
Rang nomi | Rang | Tavsif | Hex qiymati |
---|---|---|---|
qora | Qora | #000000 | |
ko'k | Moviy | #0000FF | |
fuşya | Ochiq 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 rang | #000080 | |
zaytun | Zaytun | #808000 | |
siyohrang | To'q binafsha | #800080 | |
qizil | Qizil | #FF0000 | |
kumush | och kulrang | #C0C0C0 | |
ko'k | ko'k yashil | #008080 | |
oq | Oq | #FFFFFF | |
sariq | Sariq | #FFFF00 |
Rangni qanday belgilashingiz muhim emas - uning nomi yoki o'n oltilik raqamlar yordamida. Ularning ta'sirida bu usullar tengdir. 6-1-misol veb-sahifaning fon va matn ranglarini qanday o'rnatishni ko'rsatadi.
6.1-misol. Fon va matn rangi
Namuna matn
Bu misolda fon rangi tegning bgcolor atributi yordamida o'rnatiladi
, va matnning rangi matn atributi orqali. Turli xillik uchun matn atributining qiymati o‘n oltilik songa, bgcolor esa zahiraga olingan qiymatga o‘rnatiladi. kalit so'z ko'k.Minecraft kodlari ranglar yoki Minecraft kodlari formatlash, istalgan o'yinchiga gullar qo'shish va matnni to'g'ridan-to'g'ri Minecraft-da har qanday usulda formatlash imkonini beradi. Rang kodlari&0-9 dan &a-f gacha. Ularni matndan oldin qo'shing. O'yinchilardan kelgan xabarlar bo'lishi mumkin rang kodlari, bu sizning gaplaringizga rang qo'shish imkonini beradi.
Ranglar va formatlash kodlari
Xabarlarda ampersand (&) va undan keyin o'n oltilik raqam mijozga matnni ko'rsatishda ranglarni almashtirishni bildiradi. Shu bilan bir qatorda, matn & belgisidan keyin harf bilan formatlanishi mumkin. Siz kitoblarga, buyruq bloklariga, server nomiga, server tavsifiga (motd), dunyo nomlariga, belgilarga va hatto o'yinchi nomlariga turli xil ranglar qo'shishingiz mumkin.
Quyidagi ranglar jadvalidan foydalanib, matnni konfiguratsiya yoki o'yinda formatlash juda oson. &r barcha kodlarni tozalash uchun ishlatiladi, ya'ni. &mAAA&rBBB AAA BBB sifatida ko'rsatiladi.
Sizga qulaylik uchun Minecraft-da mavjud rang kodlari jadvalini taqdim etamiz:
Kod | Ism | Texnik nomi | Belgi rangi | Belgi soya rangi | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | olti burchakli | R | G | B | olti burchakli | |||
&0 | Qora | qora | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | to'q ko'k rang | to'q_ko'k | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | to'q yashil | to'q yashil | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | To'q ko'k-yashil | dark_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
&4 | To'q qizil | to'q qizil | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | To'q binafsha | to'q_binafsha | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Oltin | oltin | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Kulrang | kulrang | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | To'q kulrang | quyuq kulrang | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Moviy | ko'k | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | Yashil | yashil | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | ko'k yashil | suv | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
va boshqalar | Qizil | qizil | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Ochiq binafsha | ochiq_binafsha | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Sariq | sariq | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | Oq | oq | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Ba'zan kerak bo'ladi tagiga chizish, tagiga chizish, ta'kidlash ba'zi matn. Buning uchun matn formatlash qo'llaniladi. U ranglar bilan bir xil tarzda ishlatiladi (biz qo'ygan matndan oldin kod, masalan &lMinecraft= Minecraft.
Qulaylik uchun quyida formatlash uchun kodlar jadvali keltirilgan:
Kod | Ism |
---|---|
&k | sehrli matn |
&l | Eskiz |
&m | Chizilgan matn |
&n | Tagi chizilgan matn |
&o | Kursiv matn |
&r | Formatlashsiz matn |