Ranglarni o'rnatish uchun o'n oltilik kodlardagi raqamlar ishlatiladi. O'ninchi tizim o'rniga o'n oltinchi tizim, nomidan ko'rinib turibdiki, 16 raqamiga asoslanadi. Raqamlar paydo 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 oltinchi sistemada 15 dan katta sonlar ikkita raqamni bitta raqamga birlashtirish orqali hosil bo'ladi. Masalan, o'ninchi tizimdagi 255 raqami o'n oltinchi tizimdagi FF raqami bilan tasdiqlanadi. Belgilangan raqam tizimi bilan chalkashmaslik uchun o'n oltinchi raqam oldiga # belgisini qo'ying, masalan #666999. Uch rangdagi terilar - qizil, yashil va ko'k - 00 dan FF gacha qiymatlarni olishi mumkin. Shunday qilib, rangning belgilanishi uchta omborga bo'linadi #rrggbb, bu erda birinchi ikkita belgi rangning qizil komponentini, o'rta ikkitasi - yashil va qolgan ikkitasi - ko'kni bildiradi. Belgini qo'shish mumkin bo'lgan #rgb qisqa shaklidan foydalanishga ruxsat beriladi. Shunday qilib, rekord #fe0 izi #ffee00 sifatida baholanadi.
Nomi uchun
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Brauzerlar o'z nomlari orqasida turli xil ranglarni qo'llab-quvvatlaydi. Jadvalda 1 nom, o'n oltilik kod, RGB, HSL formatidagi qiymatlar va tavsif ko'rsatilgan.
men | Kolir | Kod | RGB | HSL | Tavsif |
---|---|---|---|---|---|
oq | #ffffff yoki #fff | rgb(255,255,255) | hsl(0,0%,100%) | Bily | |
kumush | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Suriya | |
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%) | Chorny | |
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 oltin | |
apelsin | #ffa500 | rgb(255,165,0) | hsl(38,8,100%,50%) | apelsin | |
sariq | #ffff00 yoki #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Jovtiy | |
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%) | Zeleniy | |
suv | #00ffff yoki #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Blakitny | |
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%) | Rozheviy | |
siyohrang | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | binafsha |
Qo'shimcha yordam uchun RGB
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Rang, zafar va qizil, yashil va ko'k qiymatlarni o'ndan birida aniqlashingiz mumkin. Uch rangli komponentli teri 0 dan 255 gacha bo'lgan qiymatlarni oladi. Shuningdek, rangni yuqori sifatli rang uchun o'rnatish mumkin, bu 255 raqamiga 100% mos keladi. Rgb kalit so'zi dastlab ko'rsatilgan, va keyin qo'llar uchun komponentlar va ranglarni kim aytadi, 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 ga o'xshaydi, lekin elementning ravshanligini ko'rsatadigan alfa-kanalni o'z ichiga oladi. 0 qiymatlari aniqlikning oshishini, 1 - ravshanlikning yo'qligi va oraliq qiymatlar 0,5 darajasida - ravshanlikning oshishini ko'rsatadi.
CSS3 uchun RGBA kengaytmalari ushbu versiya uchun CSS kodining o'zini tekshirishni talab qiladi. E'tibor bering, CSS3 standarti hali ishlab chiqilmoqda va o'zgarishi mumkin. Masalan, fon rangi pikseliga qo'shilgan RGB formatining rangi tekshiruvdan o'tishi kerak, ammo endi fon pikseliga qo'shimchalar yo'q. Bunday holda, brauzerlar odatda bu va boshqa quvvat uchun rangni 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 formati Hue, Saturate va Lightness birinchi harflari sharafiga nomlangan. Rang qoziqdagi rang bilan bir xil (1-rasm) va darajalarda ko'rsatilgan. 0 ° qizil, 120 ° yashil va 240 ° ko'k. Rang qiymati 0 dan 359 gacha o'zgartirilishi mumkin.
Kichik 1. Rangli doira
Intensivlik rangning intensivligi bo'lib, u 0% dan 100% gacha o'zgarib turadi. 0% qiymati ranglar va kulrang soyalar mavjudligini anglatadi, 100% to'yinganlikning maksimal qiymati.
Yengillik rang qanchalik yorqinligini belgilaydi va 0% dan 100% gacha bo'lgan oraliqlarda ko'rsatiladi. Ranglarni quyuq va yuqori qiymatlarni ochiq saqlash muhim, 0% va 100% ekstremal qiymatlar qora va oq rangni ko'rsatadi.
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 ravshanligini ko'rsatadigan alfa-kanalni o'z ichiga oladi. 0 qiymatlari aniqlikning oshishini, 1 - ravshanlikning yo'qligi va oraliq qiymatlar 0,5 darajasida - ravshanlikning oshishini ko'rsatadi.
RGBA, HSL va HSLA formatlari uchun rang qiymatlari CSS3-ga qo'shiladi, shuning uchun ushbu formatlarni o'zgartirganda, kodni to'g'ri versiya bilan tekshiring.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Oldindan
Veb-saytda keltirilgan barcha sher baliq 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 - kulba va beparvo jonzot!
Ushbu dumba natijasi rasmda ko'rsatilgan. 2.
Kichik 2. Veb-sahifadagi ranglar
HTML ranglari slash belgisidan keyin oltita belgi bilan ifodalanadi - masalan #000000. Ushbu oltita belgi sumka rangidagi turli rangdagi qismlarni (Qizil, Yashil, Moviy) bildiradi. Kompyuteringiz monitorida tasvirlar piksellar deb ataladigan ko'p sonli nuqtalardan hosil bo'ladi. Piksel terisi "lixtarik" deb ataladigan kichik yorug'lik bo'lagi bo'lib, uning tarkibida uchta yorug'lik soyasidan iborat - qizil, yashil va ko'k. Turli rangdagi yoritgichlarning yorug'lik intensivligini o'zgartirish yoki oshirish orqali biz kerakli rangni tanlaymiz.
HTML rang kodlari
HTML-dagi ranglar qizil, ko'k va yashil ranglar (RGB) o'rniga o'n oltilik (HEX) qiymatlari bilan belgilanadi.
Eng kichik rang qiymati 0 (o'n oltinchi 00). Eng yuqori rang qiymati 255 (o'n oltinchi FF).
O'n oltinchi qiymat rangi # belgisi bilan boshlanadigan uchta raqamga ega.
Rang kodlari (qiymatlari)
Kolir | HEX kodi | RGB kodi |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0,255,255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
16 million dona
Qizil, ko'k va yashil ranglarni teri rangi qiymatlari bilan 0 dan 255 gacha aralashtirish jami 16 million birlik (256 x 256 x 256) beradi.
Ko'pgina zamonaviy ishlab chiqarish monitorlari kamida 16 384 xil rangni ko'rsatadi (LCD monitorlar, asosan, 262 ming 16 mln. (2013 yilda yangilangan) ranglar va EPT monitorlari amalda cheklangan miqdordagi ranglarni ko'rsatishi mumkin).
Quyidagi jadvalda qizil rangning qismi ko'k va yashil ranglar uchun nol qiymatlar bilan 0 dan 255 gacha o'zgartiriladi:
qizil oltin | HEX kodi | RGB kodi |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
Kulrang soyalar
Kulrang rang soyalarini olib tashlash uchun barcha ranglarning teng qismlari vikorizatsiya qilinadi. Sizga kerak bo'lgan rangni tanlashni osonlashtirish uchun biz sizga kul rang soyalari uchun kodlarni taqdim etamiz
Kulrang soyalar | HEX kodi | RGB kodi |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb (200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
Kross-brauzer (barcha brauzerlar uchun) rang nomlari
Barcha brauzerlarda qo'llab-quvvatlanadigan html-dagi 150 ta rang nomlari to'plami.
Standartlashtirilgan rang nomlari
W3C konsortsiumi HTML va CSS uchun 16 ta haqiqiy rang nomlarini qayta koʻrib chiqdi: aqua, qora, koʻk, fuşya, kulrang, yashil, ohak, toʻq qizil (kashtan), koʻk (ultramarin), zaytun (zaytun), binafsha (binafsha), qizil ( qizil), kumush (kumush), ko'k (ko'k), oq (oq) va sariq (zhovty).
Ushbu ro'yxatga kiritilmagan ranglarni tanlashda ularning o'n oltilik kodini (HEX) yoki RGB ishlatish to'g'riroq bo'ladi.
Xavfsiz ranglar
Afsuski, kompyuterlar maksimal 256 xil rangni qo'llab-quvvatlashi mumkinligi sababli, tizim uchun ajratilgan 40 rangdan iborat 216 ta "Xavfsiz veb-so'rovlar" ro'yxati yaratilgan.
Ushbu 216 rang palitrasi 256 rang palitrasi rejimida ranglarni to'g'ri ko'rsatish uchun yaratilgan.
Endi bu muhim emas, chunki dunyodagi aksariyat kompyuterlar millionlab ranglarni qo'llab-quvvatlaydi. Agar sizda ushbu ranglar ro'yxati bo'lsa:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
HTML ranglarini uchta usulda o'rnatish mumkin:
Yogo uchun HTMLda rang kodini nomlayman
Har qanday ranglar ularning nomi uchun, vikoristik ranglar ingliz rang nomining ma'nosi sifatida 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) standarti bo'yicha eng mashhur ranglar:
Kolir | Ism | Kolir | Ism | Kolir | Ism | Kolir | Ism |
---|---|---|---|---|---|---|---|
Qora | Kulrang | Kumush | Oq | ||||
Sariq | Laym | Aqua | Fuşya | ||||
Qizil | Yashil | Moviy | Siyohrang | ||||
Maroon | Zaytun | Dengiz floti | Teal |
Turli xil rangdagi vikoristonning dumbalari:
Butt: ismning orqasidagi rangga hurmat
- O'zingiz sinab ko'ring »
Qizil aphid ustida bosh
To'q sariq fonda sarlavha
Ohak fonida sarlavha
Qora shira ustidagi oq matn
Qizil aphid ustida bosh
To'q sariq fonda sarlavha
Ohak fonida sarlavha
Qora shira ustidagi oq matn
Qo'shimcha RGB uchun rang nazorati
Monitorda turli xil ranglarni ko'rsatishda RGB palitrasi asos sifatida ishlatiladi. Siz tanlagan rangingizdan qat'i nazar, uchta asosiy rang mavjud: R - qizil (qizil), G - yashil, B - ko'k. Teri rangi yorqinligi bir baytga o'rnatiladi va keyin 0 dan 255 gacha bo'lgan qiymatlarga o'rnatilishi mumkin. Masalan, RGB (255,0,0) qizil rangda ko'rsatiladi, chunki qizil rang eng yuqori qiymatga kiritilgan (255) va boshqalar o'rnatilgan í 0 Shuningdek, siz tasvir uchun rangni o'rnatishingiz mumkin. Parametrlardan teri mos keladigan rangning yorqinlik darajasini ko'rsatadi. Masalan: rgb(127, 255, 127) va rgb(50%, 100%, 50%) qiymatlari o'rtacha to'yinganlikdagi yangi yashil rangni o'rnatadi:
Butt: qo'shimcha RGB uchun Zavdanya rangi
- O'zingiz sinab ko'ring »
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
O'n olti qiymat uchun rangni saqlash
Ahamiyati R G B Shuningdek, siz qo'shimcha o'n oltilik (HEX) rang qiymatlarini quyidagi shaklda belgilashingiz mumkin: #RRGGBB, bu erda RR (qizil), GG (yashil) va BB (ko'k) va 00 dan FF gacha (o'nlik bilan bir xil) o'n oltilik qiymatlar 0-255). O'n oltinchi tizim, o'ninchi tizimdan tashqari, nomidan ko'rinib turibdiki, 16 raqamiga asoslanadi. O'n oltinchi tizimda quyidagi belgilar qo'llaniladi: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, Z, D, E, F. Bu yerda 10 dan 15 gacha raqamlar lotin harflari bilan almashtiriladi. O'n oltilik tizimda 15 dan katta raqamlar bitta qiymatdagi ikkita belgining birikmasidir. Masalan, o'ninchi tizimdagi eng yuqori 255 raqami o'n oltinchi tizimdagi FFning eng yuqori qiymatiga to'g'ri keladi. O'nlik tizimini almashtirish uchun o'n oltilik raqam oldiga xesh belgisini qo'ying # , masalan, #FF0000 qizil rang sifatida ko'rsatiladi, qizil bo'laklar eng yuqori qiymatiga (FF) o'rnatiladi va boshqa ranglar minimal qiymatga (00) o'rnatiladi. Xesh belgisidan keyingi belgilar # Siz ham katta, ham kichikni ishga olishingiz mumkin. O'n oltinchi tizim #rgb shaklining qisqartirilgan shaklidan foydalanishga imkon beradi, bu erda belgi sub-urushga teng. Shunday qilib, #f7O yozuvi #ff7700 sifatida baholanadi.
Qimmatli qog'oz: HEX rangli
- O'zingiz sinab ko'ring »
qizil: #FF0000
yashil: #00FF00
ko'k: #0000FF
qizil: #FF0000
yashil: #00FF00
ko'k: #0000FF
qizil+yashil=zhovtiy: #FFFF00
qizil+ko‘k=binafsha: #FF00FF
yashil + ko'k = qora: # 00FFFF
Keng tarqalgan ranglar ro'yxati (nomlar, HEX va RGB):
Inglizcha nomi | Ruscha nomi | Zrazok | HEX | RGB | ||
---|---|---|---|---|---|---|
Amaranth | Amarantiy | #E52B50 | 229 | 43 | 80 | |
Amber | Burshtinovy | #FFBF00 | 255 | 191 | 0 | |
Aqua | Moviy-yashil | #00FFFF | 0 | 255 | 255 | |
Azure | Blakitny | #007FFF | 0 | 127 | 255 | |
Qora | Chorny | #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 | Blakitny | #007BA7 | 0 | 123 | 167 | |
To'q bahor yashil | To'q bahor yashil | #177245 | 23 | 114 | 69 | |
Zumrad | Smaragdoviy | #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 | Suriya | #808080 | 128 | 128 | 128 | |
Yashil | Zeleniy | #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 | Garbuz | #FF7518 | 255 | 117 | 24 | |
Siyohrang | binafsha | #800080 | 128 | 0 | 128 | |
Qizil | qizil oltin | #FF0000 | 255 | 0 | 0 | |
za'faron | za'faron | #F4C430 | 244 | 196 | 48 | |
Yashil dengiz | Yashil dengiz | #2E8B57 | 46 | 139 | 87 | |
Yashil botqoq | Bolotyany | #ACB78E | 172 | 183 | 142 | |
Teal | Moviy-yashil | #008080 | 0 | 128 | 128 | |
Ultramarin | Ultramarin | #120A8F | 18 | 10 | 143 | |
binafsha | binafsha | #8B00FF | 139 | 0 | 255 | |
Sariq | Jovtiy | #FFFF00 | 255 | 255 | 0 |
Zichlik va rang uchun rang kodlari (fon).
CSS rang moduli mualliflarga html elementlarining rangi va ravshanligini, shuningdek rang qiymatlarini belgilash imkonini beruvchi qiymatlarni aniq tasvirlab beradi.
Quvvat rangi
1. Ustuvor ranglar: yorqinlik rangi
Vakolat turli xil rang uzatish tizimlaridan foydalangan holda shrift rangini o'rnatadi. Kuchlilik matn elementining rangiga ishora qiladi. Bundan tashqari, u rang uchun ma'no yaratadigan har qanday boshqa kuchlar uchun potentsial bilvosita ma'noni (currentColor) ta'minlash uchun ishlatiladi.
Quvvat pasayib bormoqda.
2. Rangning ahamiyati
2.1. Asosiy kalit so'zlar
Asosiy kalit so'zlar ro'yxati quyidagi qiymatlarni o'z ichiga oladi:
Ism | HEX | RGB | Kolir |
---|---|---|---|
qora | #000000 | 0,0,0 | |
kumush | #C0C0C0 | 192,192,192 | |
kulrang | #808080 | 128,128,128 | |
oq | #FFFFFF | 255,255,255 | |
to'q qizil | #800000 | 128,0,0 | |
qizil | #FF0000 | 255,0,0 | |
siyohrang | #800080 | 128,0,128 | |
fuşya | #FF00FF | 255,0,255 | |
yashil | #008000 | 0,128,0 | |
Laym | #00FF00 | 0,255,0 | |
zaytun | #808000 | 128,128,0 | |
sariq | #FFFF00 | 255,255,0 | |
dengiz floti | #000080 | 0,0,128 | |
ko'k | #0000FF | 0,0,255 | |
ko'k | #008080 | 0,128,128 | |
suv | #00FFFF | 0,255,255 |
Ranglarning nomlari katta-kichik harflarga sezgir emas.
Sintaksis
Rang: zangori;
2.2. Rangning raqamli qiymatlari
2.2.1. Rangli modellar RGB
O'n oltilik formatdagi RGB qiymat formati # belgisi, undan keyin uch yoki olti o'n oltilik belgilar. Uch xonali RGB belgisi #rgb olti xonali shaklga #rrggbb nol qo'shish orqali emas, raqamlarni nusxalash orqali o'zgartiriladi. Masalan, #fb0 #ffbb00 gacha kengayadi. Bu oq #ffffff qisqa #ffff yozuvida ko'rsatkich sifatida ishlatilishini kafolatlaydi va displey rangiga qarab har qanday farqlarni olib tashlaydi.
Funktsional belgining RGB qiymat formati rgb (keyin uchta raqamli qiymatning (yoki uchta butun qiymat yoki uch yuzinchi qiymat) ajratilgan ro'yxati, keyin esa belgi). Butun son qiymati 255 100% va F yoki FF ga oʻn oltilik tizimda mos keladi:
RGB(255,255,255) = RGB(100%, 100%, 100%) = #FFF
Raqamli qiymatlar yonida bo'sh belgilarga ruxsat beriladi.
Veb-dizayn rangni taqdim etishning bir qancha usullariga ega
HEX 16 ga asoslangan ranglarni taqdim etish uchun o'n oltilik tizimdir. Ushbu tizim uchun 0 dan 9 gacha arab o'nlik raqamlari va 16 gacha raqamli raqamni to'ldirish uchun A dan F gacha lotin harflari ishlatiladi. Veb-dizayn uchun 16 ta asosiy (kalit) ranglar iv olinadi, shuning uchun o'n oltinchi daraja Rang kodi #RRGGBB, bu erda har bir juft o'z qismi uchun rangni ifodalaydi: RR - qizil, GG - yashil va BB - ko'k. Teri rangi 00 dan FF gacha.
Veb-dizayndagi rangning yana ikkita ko'rinishi: RGB (*,*,*) shaklida, bu erda rangning "*" qismi 0 dan 255 gacha bo'lgan o'nlab raqamlar va rang nomlari bilan ifodalanadi. Ingliz.
Rangli tasvirni yaratishda asosiy muammo ranglarni turli turdagi kompyuterlar, monitorlar va brauzerlarga to'g'ri uzatishdir. Agar brauzer rangni to'g'ri ko'rsatolmasa, u shunga o'xshashni tanlaydi yoki bir nechta ranglarni aralashtiradi. Yoki uni butunlay boshqa rang bilan almashtirishingiz mumkin.
Jadval 16 asosiy rang, barcha brauzerlarda vikoristed
Ism | Kolir | Hex | (RGB) |
Aqua (morska hvilya) | #00FFFF | (000,255,255) | |
Qora | #000000 | (000,000,000) | |
Moviy | #0000FF | (000,000,255) | |
Fuşya (magenta) | #FF00FF | (255,000,255) | |
Kulrang (seriya) | #808080 | (128,128,128) | |
Yashil | #008000 | (000,128,000) | |
Ohak (yorqin yashil) | #00FF00 | (000,255,000) | |
Maroon (quyuq bordo) | #800000 | (128,000,000) | |
To'q rangli (to'q ko'k) | #000080 | (000,000,128) | |
Zaytun | #808000 | (128,128,000) | |
Siyohrang | #800080 | (128,000,128) | |
Qizil (qizil) | #FF0000 | (255,000,000) | |
Kumush | #C0C0C0 | (192,192,192) | |
Teal (kulrang-yashil) | #008080 | (000,128,128) | |
Oq | #FFFFFF | (255,255,255) | |
Sariq (jovtiy) | #FFFF00 | (255,255,000) |
Jadval siyohrang ranglar va ranglar
Ism | Kolir | Hex | (RGB) |
Magenta (binafsha) | #FFCBDB | (255,203,219) | |
Magenta (binafsha) | #FF0099 | (255,000,153) | |
Magenta (magenta) | #F95A61 | (249,090,097) | |
Fuşya (fuchsia) | #FF00FF | (255,000,255) | |
Movein (anilin binafsha rang) | #EF0097 | (239,000,151) | |
Qizil ikra (to'q sariq-zang) | #FF91A4 | (255,145,164) | |
Cenise (binafsha rang soyasi) | #DE3163 | (153,149,140) | |
Baqlajon (baqlajon) | #990066 | (153,000,132) | |
Lavanda qizarishi (qizil-lavanta) |  #FFF0F5 | (255,240,245) | |
Lilak (boozkoviy) | #C8A2C8 | (200,162,200) | |
Magenta (magenta) | #FF008F | (255,000,143) | |
Orkide (orkide) | #DA70D6 | (218,112,214) | |
Qizil-binafsha (binafsha-qizil) | #C71585 | (199,021,133) | |
Sanguine | #92000A | (146,000,010) | |
Qushqo'nmas (binafsha rang soyasi) | #D8BFD8 | (185,211,238) | |
Binafsha-baqlajon (binafsha rang) | #991199 | (153,017,153) | |
Rosa vivo (inkubatsiya qilingan shoxli o't) | #FF007F | (255,000,127) | |
Lavanda-atirgul (binafsha rang) | #FBA0E3 | (108,123,139) | |
Mountbatten pushti | #997ABD | (153,122,141) |
Jadval kulrang ranglar va ranglar
Ism | Kolir | Hex | (RGB) |
Kulrang (Suriya) | #808080 | (128,128,128) | |
Kulrang (Suriya) | #bebebe | (190,190,190) | |
(Siry-vidtinok) | #858585 | (133,133,133) | |
Grey33 (Suriya-33) | #545454 | (084,084,084) | |
(Sirogo shifer) | #708090 | (112,128,144) | |
(Kvartsovlar) | #99958s | (153,149,140) | |
(Svetlo siry) | #bbbbbb | (187,187,187) | |
(Sriblyasty) | #c0c0c0 | (192,192,192) | |
(Siro-oq) | #f0f0f0 | (240,240,240) | |
(Borodiy Abdel-Kerim) | #e0e0e0 | (224,224,224) | |
Ochiq kulrang (och kulrang) | #d3d3d3 | (211,211,211) | |
LightStateGray() | #778899 | (119,136,153) | |
StateGray-1 (Blido-cornflower blue1) | #c6e2ff | (198,226,255) | |
StateGray-2 (Blido-cornflower blue2) | #b9d3ee | (185,211,238) | |
StateGray3() | #9fb6cd | (159,182,205) | |
StateGray4() | #6c7b8b | (108,123,139) |