Ochiq yashil kod. Uslublardagi rang turli yo'llar bilan o'rnatilishi mumkin: o'n oltilik qiymat bo'yicha, nomi bo'yicha, RGB, RGBA, HSL, HSLA formatida
Minecraft kodlari ranglar yoki Minecraft kodlari formatlash, har qanday 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'yinchilarning xabarlarida jumlalaringizga rang qo'shish imkonini beruvchi rang kodlari bo'lishi mumkin.
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 | 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 | Och 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 | Matn formatlashsiz |
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 #428320. Bunday holda, ish muhim emas, shuning uchun #000000 yoki #000000 yozish joiz.
HTMLda ishlatiladigan odatiy rang quyidagicha.
Bu yerda veb-sahifaning fon rangi #005ea5 ga o'rnatiladi. Raqam oldidagi funt belgisi # uning o'n oltilik tizimda ekanligini bildiradi. Birinchi ikki 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 |
Uch 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), kulrang rang olinadi. Raqam qanchalik katta bo'lsa, rang shunchalik ochiq bo'ladi va qiymatlar #ececec (qora) dan #000000 (oq) ga o'zgaradi.
- Qizil komponent maksimal (FF) qilinsa, qolgan qismlar nolga o'rnatilsa, yorqin qizil rang hosil bo'ladi. #00ecec qiymatiga ega rang mumkin bo'lgan eng qizil qizil rangdir. Xuddi shu narsa yashil (# 00FF00) va ko'k (# 0000FF) uchun ham amal qiladi.
- Sariq (#0000ec) qizilni yashil bilan aralashtirish orqali olinadi. Bu asosiy ranglar (qizil, yashil, ko'k) va qo'shimcha yoki qo'shimchalarni 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 (#ec0000) 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 Adobe Photoshop kabi turli rang modellari bilan ishlay oladigan grafik muharrir mos keladi. 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 bitga (256 rang) o'rnatgan bo'lsangiz, u holda bir xil rang turli brauzerlarda turlicha ko'rsatilishi mumkin. Brauzer o'z palitrasi bilan ishlaganda va uning palitrasida bo'lmagan rangni ko'rsatolmasa, bu grafiklarni ko'rsatish usuli bilan bog'liq. Bunday holda, rang boshqa, unga yaqin bo'lgan piksellar kombinatsiyasi bilan almashtiriladi, unga taqlid qiladi. Turli xil brauzerlarda rang bir xil bo'lib qolishi uchun veb-ranglar palitrasi taqdim etildi. Veb ranglari shunday ranglar bo'lib, ularning har bir komponenti uchun - qizil, yashil va ko'k - oltita qiymatdan biri o'rnatilgan - 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 #b90086.
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 eslab qolmaslik 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 | #ececec | |
ko'k | Moviy | #ecec00 | |
fu?ya | Och binafsha | #00ec00 | |
kulrang | To'q kulrang | #6c6c6c | |
yashil | Yashil | #ec6cec | |
Laym | och yashil | #ec00ec | |
to'q qizil | To'q qizil | #6cecec | |
dengiz floti | To?q ko?k | #ecec6c | |
zaytun | Zaytun | #6c6cec | |
siyohrang | To'q binafsha | #6cec6c | |
qizil | Qizil | #00ecec | |
Kumush | och kulrang | #2c2c2c | |
ko'k | ko'k yashil | #ec6c6c | |
oq | Oq | #000000 | |
sariq | Sariq | #0000ec |
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 matn atributi orqali matn rangi. Turli xillik uchun matn atributining qiymati o'n oltilik raqamga o'rnatiladi va bgcolor ajratilgan teal kalit so'ziga o'rnatiladi.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 tizimining ta'rifida chalkashliklarga yo'l qo'ymaslik uchun o'n oltilik sondan oldin # xesh belgisi qo'yiladi, masalan #868353. Uch rangning har biri - qizil, yashil va ko'k - 00 dan FF gacha qiymatlarni qabul qilishi mumkin. Shunday qilib, rangning belgilanishi uchta komponentga bo'linadi #rrggbb, bu erda birinchi ikkita belgi rangning qizil komponentini, ikkita o'rtadagi yashil rangni va oxirgi ikkitasi ko'kni belgilaydi. Qisqartirilgan #rgb shaklidan foydalanishga ruxsat beriladi, bu erda har bir belgi ikki barobarga oshirilishi kerak. Shunday qilib, #0000ec yozuvi #0000ec sifatida qabul qilinishi kerak.
nomi bilan
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 nomi bilan qo'llab-quvvatlaydi. Jadvalda. 1 nomlar, olti burchakli kod, RGB, HSL formatidagi qiymatlar va tavsifni ko'rsatadi.
Ism | Rang | Kod | RGB | HSL | Tavsif |
---|---|---|---|---|---|
oq | #ffff yoki #000000 | rgb(0,0,0) | hsl(0,0%,100%) | Oq | |
Kumush | #2c2c2c | rgb(44,44,44) | hsl(0,0%,75%) | Kulrang | |
kulrang | #6c6c6c | rgb(108,108,108) | hsl(0,0%,50%) | To'q kulrang | |
qora | #ececec yoki #ececec | rgb(236,236,236) | hsl(0,0%,0%) | Qora | |
to'q qizil | #6cecec | rgb(108,236,236) | hsl(0,100%,25%) | To'q qizil | |
qizil | #00ecec yoki #00ecec | rgb(0,236,236) | hsl(0,100%,50%) | Qizil | |
apelsin | #0047ec | rgb(0,71,236) | hsl(38,8,100%,50%) | apelsin | |
sariq | #0000ec yoki #0000ec | rgb(0,0,236) | hsl(60,100%,50%) | Sariq | |
zaytun | #6c6cec | rgb(108,108,236) | hsl(60,100%,25%) | Zaytun | |
Laym | #ec00ec yoki #ec00ec | rgb(236,0,236) | hsl(120,100%,50%) | och yashil | |
yashil | #ec6cec | rgb(236,108,236) | hsl(120,100%,25%) | Yashil | |
suv | #ec0000 yoki #ec0000 | rgb(236,0,0) | hsl(180,100%,50%) | Moviy | |
ko'k | #ecec00 yoki #ecec00 | rgb(236,236,0) | hsl(240,100%,50%) | Moviy | |
dengiz floti | #ecec6c | rgb(236,236,108) | hsl(240,100%,25%) | To?q ko?k | |
ko'k | #ec6c6c | rgb(236,108,108) | hsl(180,100%,25%) | ko'k yashil | |
fu?ya | #00ec00 yoki #00ec00 | rgb(0,236,0) | hsl(300,100%,50%) | Pushti | |
siyohrang | #6cec6c | rgb(108,236,108) | hsl(300,100%,25%) | binafsha |
RGB bilan
Internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Siz rangni o'nlik sonlarda qizil, yashil va ko'k qiymatlardan foydalanib belgilashingiz mumkin. Uchta rang komponentining har biri 0 dan 255 gacha qiymat oladi. Rangni foiz sifatida belgilash ham qabul qilinadi, 100% esa 255 raqamiga to'g'ri keladi. Avval rgb kalit so'zi belgilanadi, so'ngra rang komponentlari bo'ladi. qavs ichida ko'rsatilgan, vergul bilan ajratilgan, masalan rgb(0,108,108) 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 o'rnatadigan alfa-kanalni o'z ichiga oladi. 0 qiymati to'liq shaffof, 1 shaffof emas va 0,5 kabi oraliq qiymat shaffofdir.
RGBA CSS3 ga qo'shilgan, shuning uchun CSS kodini tekshirish ushbu versiyaga muvofiq amalga oshirilishi kerak. Shuni ta'kidlash kerakki, CSS3 standarti hali ishlab chiqilmoqda va uning ba'zi xususiyatlari o'zgarishi mumkin. Misol uchun, fon rangi xususiyatiga qo'shilgan RGB rangi tekshiruvdan o'tadi, lekin fon xususiyatiga qo'shilgani yo'q. 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 hosil bo'ladi. Hue - rang g'ildiragidagi rang qiymati (1-rasm) va darajalarda ko'rsatilgan. 0 ° qizil, 120 ° yashil va 240 ° ko'k. Hue qiymati 0 dan 359 gacha o'zgarishi mumkin.
Guruch. 1. Rangli g'ildirak
To'yinganlik - 0% dan 100% gacha bo'lgan foiz sifatida o'lchanadigan rangning intensivligi. 0% qiymati rang yo'qligini va kulrang soyani bildiradi, 100% maksimal to'yinganlik qiymati.
Yengillik rang qanchalik yorqinligini belgilaydi va 0% dan 100% gacha foiz sifatida belgilanadi. Kichik qiymatlar rangni quyuqroq qiladi, yuqori qiymatlar esa uni engilroq qiladi, 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 o?rnatuvchi alfa-kanalni o?z ichiga oladi. 0 qiymati to'liq shaffof, 1 shaffof emas va 0,5 kabi oraliq qiymat shaffofdir.
RGBA, HSL va HSLA formatlaridagi rang qiymatlari CSS3 ga qo'shiladi, shuning uchun ushbu formatlardan foydalanganda kodni versiyaga muvofiqligini tekshiring.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Ogohlantirish
Saytda keltirilgan sherni tutishning barcha usullari nazariy va hisoblash usullariga asoslangan. Mualliflar ulardan foydalanishda sizning xavfsizligingizga kafolat bermaydi va natija 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
CSS-dagi rang kodlari ranglarni belgilash uchun ishlatiladi. Odatda, rang kodlari yoki rang qiymatlari elementning oldingi foniga (masalan, matn, havola rangi) yoki elementning foniga (fon, blok rangi) rang o'rnatish uchun ishlatiladi. Ular tugma rangini, hoshiyalarni, markerni, hoverni va boshqa dekorativ effektlarni o'zgartirish uchun ham ishlatilishi mumkin.
Rang qiymatlarini turli formatlarda o'rnatishingiz mumkin. Quyidagi jadvalda barcha mumkin bo'lgan formatlar ro'yxati keltirilgan:
Ushbu formatlar quyida batafsilroq tavsiflanadi.
CSS ranglari - olti burchakli kodlar
O'n oltilik rang kodi olti xonali rang ifodasidir. Birinchi ikkita raqam (RR) qizil qiymat, keyingi ikkitasi yashil qiymat (GG) va oxirgi ikkitasi ko'k qiymatdir (BB).
CSS ranglari - qisqa olti burchakli kodlar
Qisqa o'n oltilik rang kodi olti belgili yozuvning qisqaroq shaklidir. Ushbu formatda har bir raqam ekvivalent olti xonali rang qiymatini hosil qilish uchun takrorlanadi. Masalan: #ec00ec #ec00ec bo'ladi.
O'n oltilik qiymat Adobe Photoshop, Core Draw va boshqalar kabi har qanday grafik dasturlardan olinishi mumkin.
CSS-dagi har bir o'n oltilik rang kodidan oldin "#" xesh belgisi bo'ladi. Quyida o‘n oltilik yozuvlardan foydalanishga misollar keltirilgan.
CSS ranglari - RGB qiymatlari
RGB qiymati rgb() xususiyati yordamida o?rnatiladigan rang kodi. Bu xususiyat uchta qiymatni oladi: qizil, yashil va ko'k uchun bittadan. Qiymat 0 dan 255 gacha bo'lgan butun son yoki foiz bo'lishi mumkin.
Eslatma: Barcha brauzerlar rgb() rang xususiyatini qo'llab-quvvatlamaydi, shuning uchun uni ishlatish tavsiya etilmaydi.
Quyida RGB qiymatlaridan foydalangan holda bir nechta ranglarni ko'rsatadigan misol keltirilgan.
Rang kodlari generatori
Bizning xizmatimiz yordamida siz millionlab rang kodlarini yaratishingiz mumkin.
Xavfsiz brauzer ranglari
Quyida eng xavfsiz va kompyuterdan mustaqil bo'lgan 216 rangdan iborat jadval mavjud. CSS-dagi bu ranglar 000000 dan FFFFFF hex kodlari oralig'ida. Ulardan foydalanish xavfsiz, chunki ular 256 rang palitrasi bilan ishlaganda barcha kompyuterlar rangni to'g'ri ko'rsatishini ta'minlaydi.
CSS-dagi "xavfsiz" ranglar jadvali | |||||
#ececec | #ececb9 | #ecec86 | #ecec53 | #ecec20 | #ecec00 |
#ecb9ec | #ecb9b9 | #ecb986 | #ecb953 | #ecb920 | #ecb900 |
#ec86ec | #ec86b9 | #ec8686 | #ec8653 | #ec8620 | #ec8600 |
#ec53ec | #ec53b9 | #ec5386 | #ec5353 | #ec5320 | #ec5300 |
#ec20ec | #ec20b9 | #ec2086 | #ec2053 | #ec2020 | #ec2000 |
#ec00ec | #ec00b9 | #ec0086 | #ec0053 | #ec0020 | #ec0000 |
#b9ecec | #b9ecb9 | #b9ec86 | #b9ec53 | #b9ec20 | #b9ec00 |
#b9b9ec | #b9b9b9 | #b9b986 | #b9b953 | #b9b920 | #b9b900 |
#b986ec | #b986b9 | #b98686 | #b98653 | #b98620 | #b98600 |
#b953ec | #b953b9 | #b95386 | #b95353 | #b95320 | #b95300 |
#b920ec | #b920b9 | #b92086 | #b92053 | #b92020 | #b92000 |
#b900ec | #b900b9 | #b90086 | #b90053 | #b90020 | #b90000 |
#86ecec | #86ecb9 | #86ec86 | #86ec53 | #86ec20 | #86ec00 |
#86b9ec | #86b9b9 | #86b986 | #86b953 | #86b920 | #86b900 |
#8686ec | #8686b9 | #868686 | #868653 | #868620 | #868600 |
#8653ec | #8653b9 | #865386 | #865353 | #865320 | #865300 |
#8620ec | #8620b9 | #862086 | #862053 | #862020 | #862000 |
#8600ec | #8600b9 | #860086 | #860053 | #860020 | #860000 |
#53ecec | #53ecb9 | #53ec86 | #53ec53 | #53ec20 | #53ec00 |
#53b9ec | #53b9b9 | #53b986 | #53b953 | #53b920 | #53b900 |
#5386ec | #5386b9 | #538686 | #538653 | #538620 | #538600 |
#5353ec | #5353b9 | #535386 | #535353 | #535320 | #535300 |
#5320ec | #5320b9 | #532086 | #532053 | #532020 | #532000 |
#5300ec | #5300b9 | #530086 | #530053 | #530020 | #530000 |
#20ecec | #20ecb9 | #20ec86 | #20ec53 | #20ec20 | #20ec00 |
#20b9ec | #20b9b9 | #20b986 | #20b953 | #20b920 | #20b900 |
#2086ec | #2086b9 | #208686 | #208653 | #208620 | #208600 |
#2053ec | #2053b9 | #205386 | #205353 | #205320 | #205300 |
#2020ec | #2020b9 | #202086 | #202053 | #202020 | #202000 |
#2000ec | #2000b9 | #200086 | #200053 | #200020 | #200000 |
#00ecec | #00ecb9 | #00ec86 | #00ec53 | #00ec20 | #00ec00 |
#00b9ec | #00b9b9 | #00b986 | #00b953 | #00b920 | #00b900 |
#0086ec | #0086b9 | #008686 | #008653 | #008620 | #008600 |
#0053ec | #0053b9 | #005386 | #005353 | #005320 | #005300 |
#0020ec | #0020b9 | #002086 | #002053 | #002020 | #002000 |
#0000ec | #0000b9 | #000086 | #000053 | #000020 | #000000 |
Afsuski, saytda ta'm sezgilarini ko'rsatish hali mumkin emas. Lekin bu ranglar yordamida to'liq qoplanishi mumkin. Axir, html ranglari millionlab soyalarning istalganini ko'rsatishga imkon beradi. Shunday qilib " rangli qalamlar” uning to'plamida ettidan ancha ko'p.
Html ichida rang sxemasi
Htmlda rang bir necha formatda ko'rsatilishi mumkin:
1. O'n oltilik qiymat sifatida - o'n oltilik tizimda ko'rsatilgan kod ishlatiladi. Htmldagi bunday rang kodlari uch juft o'n oltilik raqamlardan iborat. Har bir juft rangning asosiy rangi bilan to'yinganligi uchun javobgardir:
- Birinchi raqamli juft qizil rang uchun javobgardir;
- Ikkinchi juftlik yashil rangning mazmuni uchun;
- Ikkinchisi ko'k rangning mazmuni uchun.
Kodning boshida (raqamlardan oldin) xesh belgisi qo'yiladi. Bu o'n oltilik rang kodi. Bu sanoq tizimida 1 dan 9 gacha raqamlardan tashqari lotin alifbosi (A, B, C, D, E, F) harflaridan ham foydalaniladi.
Misol uchun, html-dagi oq rang kodi #000000 kabi ko'rinadi:
2. Kalit so'z - Hozirda html taxminan 147 ta kalit so'zni qo'llab-quvvatlaydi. Ammo bu so'zlarning hammasi ham o'ziga xos emas. Ulardan ba'zilari bir xil rang soyasiga ishora qiladi.
Kulrang ikkita kalit so'z bilan ifodalanadi: kulrang va kulrang . Ularning o'n oltilik kodi (HEX) bir xil qiymat bilan berilgan #6c6c6c .
Misol:
#6c6c6c
3. RGB formatida - html-dagi ushbu rang kodlash 0 dan 255 gacha bo'lgan oraliqda o'rnatilgan uchta qiymatdan foydalanishga asoslangan. Ularning har biri asosiy ranglardan biri bilan rangning to'yinganligini aniqlaydi:
- R - qizil (qizil);
- G - yashil (yashil);
- B - ko'k (ko'k).
RGB formatidagi rang raqami quyidagicha yoziladi: rgb(236,26,136).
fon rangi: rgb (100,186,43)
4. RGBA formatida - bu rivojlangan RGB formati bo'lib, bu erda to'rtinchi qiymat 0 dan 1 gacha bo'lgan o'nlik kasr shaklida rangning shaffofligini belgilaydi.
Foydalanish misoli:
fon rangi: rgba (100,86,143,0,2)
fon rangi: rgba (100,86,143,0,5)
fon rangi: rgba (100,86,143,0,8)
fon rangi: rgba (100,86,143,1)
html rang jadvallari va rang generatorlari
Rangni sozlash formatlarining bunday keng assortimenti bilan chalkashib ketish oson. Shuning uchun maxsus rangli jadval ixtiro qilindi. Unda rang soyalarining 147 ta asosiy nomlariga muvofiqlik kodlari ranglarni aks ettirishning barcha asosiy standartlarida berilgan. Bundan tashqari, har bir maydon rangni vizual moslashtirish uchun bar bilan jihozlangan. Ushbu jadvallardan biri colorscheme.ru saytida keltirilgan:
Ammo yozishmalarning bunday tuzilishi yordamida ham kerakli soyani tanlash qiyin bo'lishi mumkin. Va rang kodlari jadvalida to'g'ri borligi haqiqat emas.
Ushbu to'siqni engib o'tish va to'g'ri soyani tanlashni iloji boricha osonlashtirish uchun interaktiv veb-xizmatlar ishlab chiqilgan. Ularning foydalanuvchi interfeysi bir-biridan biroz farq qilishi mumkin.
Html-color-codes.info saytida rang generatori quyidagicha ko'rinadi:
Va color-picker.appsmaster.co xizmatida ushbu vosita biroz boshqacha tarzda amalga oshiriladi:
Jenerat?rdagi har bir rangning to'yinganligi maxsus slayderlar yordamida o'rnatiladi. Vizual ravishda, rang ramkaning rangi va chap tomondagi to'rtburchaklar bilan ko'rsatiladi. Pastki qismida 3 ta maydon asosiy formatlardagi rang kodini ko'rsatadi.
Lekin rang generatori nafaqat ixtisoslashgan saytlarda mavjud. Deyarli barcha grafik muharrirlar shunga o'xshash vosita bilan jihozlangan. Masalan, Photoshop:
Rang xavfsizligi
Va bu uzoq vaqt oldin, faqat 256 rangni qo'llab-quvvatlaydigan video kartalar davrida edi. O'sha kunlarda operatsion tizimlar ma'lum miqdordagi sakkiz bitli soyalarni buzilishsiz ko'rsatishi mumkin edi.
Keyin xavfsiz ranglarning ajoyib stoli yaratildi. U o'sha davrdagi brauzerlarning birortasida buzilishsiz ko'rsatilishi mumkin bo'lgan 216 ta soyani ko'rsatdi. Va shu kungacha ajoyib qo'lyozma» hali ham ba'zi manbalarda mavjud:
Bizning davrimizda hamma narsa o'zgardi. Shuning uchun html-da rang bilan ishlashda barcha xavfsizlik qoidalari butunlay bekor qilinadi. Axir, zamonaviy kompyuter uskunalari 16 milliondan ortiq turli xil soyalarni qo'llab-quvvatlaydi. Va 216 ta xavfsiz rang unutilib ketdi.