Lilak kodi. HTML darslik. RGB ranglari. Xavfsiz ranglar palitrasi. CSS ranglari - RGB qiymatlari

Ranglar jadvali (palitrasi) html sizga kerakli ohangni mustaqil tanlash imkoniyatini beradi. Rang qiymati uchta formatda ko'rsatiladi: Hex, RGB va HSV.

  • Hex o'n oltilik sanoq tizimidagi ikkita ikki belgidan iborat uchta qiymatdan iborat. Masalan: #ff00b3, bu erda raqamlarning birinchi jufti qizil, ikkinchisi yashil va uchinchisi ko'k.
  • RGB (RedGreenBlue) "200,100,255" shakliga ega bo'lib, natijada olingan rangdagi mos keladigan ohang miqdorini (qizil, yashil, ko'k) ko'rsatadi.
  • HSV (Hue, Saturation, Value - ohang, to'yinganlik, qiymat) - koordinatalari bo'lgan rang modeli:
    • Hue - rang ohangi, 0 ° dan 360 ° gacha o'zgarishi mumkin.
    • Saturation - to'yinganlik, 0-100 yoki 0-1 gacha o'zgarib turadi. Ushbu parametr qanchalik baland bo'lsa, rang "tozaroq" bo'ladi, shuning uchun bu parametr ba'zan rangning tozaligi deb ataladi. Va bu parametr nolga qanchalik yaqin bo'lsa, rang neytral kul rangga yaqinroq bo'ladi.
    • Qiymat (rang qiymati) - yorqinlikni o'rnatadi, qiymat 0-100 yoki 0-1 orasida ham o'zgarishi mumkin.

Rang kodini kiriting: BOSH

Nomlari bilan ranglar ro'yxati

Jadvalda barcha brauzerlar tomonidan qo'llab-quvvatlanadigan ingliz rang nomlari (qiymat sifatida ishlatilishi mumkin) va ularning o'n oltilik qiymatlari keltirilgan. Ro'yxatdagi barcha ranglar "xavfsiz", ya'ni ular barcha brauzerlarda bir xil ko'rinadi.

Rang nomi HEX Rang
Qora#000000
Dengiz floti#000080
To'q ko'k#00008B
Oʻrtacha koʻk#0000 CD
Moviy#0000FF
To'q yashil#006400
Yashil#008000
Teal#008080
To'q-moviy#008B8B
DeepSkyBlue#00BFFF
To'q turkuaz#00CED1
O'rta bahor yashil#00FA9A
Laym#00FF00
Yashil bahor#00FF7F
Aqua#00FFFF
Moviy#00FFFF
Midnight Blue#191970
Dodger Blue#1E90FF
Yengil dengiz yashil#20B2AA
Yashil o'rmon#228B22
Yashil dengiz#2E8B57
DarkSlateGray#2F4F4F
Ohak yashil#32CD32
O'rta dengiz yashil#3CB371
Turkuaz#40E0D0
Royal Moviy#4169E1
SteelBlue#4682B4
DarkSlateBlue#483D8B
O'rta turkuaz#48D1CC
Indigo#4B0082
DarkOlive Green#556B2F
Kadet ko'k#5F9EA0
Makkajo'xori ko'k#6495ED
MediumAquaMarine#66CDAA
DimGray#696969
SlateBlue#6A5ACD
OliveDrab#6B8E23
Slate Grey#708090
LightSlateGray#778899
O'rtacha SlateBlue#7B68EE
Maysa yashil#7CFC00
Chartreuse#7FFF00
Akuamarin#7FFFD4
Maroon#800000
Siyohrang#800080
Zaytun#808000
Kulrang#808080
Moviy osmon#87CEEB
LightSkyBlue#87CEFA
Moviy binafsha#8A2BE2
To'q qizil#8B0000
DarkMagenta#8B008B
SaddleBrown#8B4513
To'q dengiz yashil#8FBC8F
Ochiq yashil#90EE90
O'rta binafsha#9370D8
To'q binafsha#9400D3
Ochiq yashil#98FB98
To'qorxida#9932CC
Sariq yashil#9ACD32
Sienna#A0522D
jigarrang#A52A2A
To'q kulrang#A9A9A9
Ochiq ko'k#QO'SHIMCHA 8E6
Yashil sariq#ADFF2F
Rangli turkuaz#AFEEEE
LightSteelBlue#B0C4DE
Powder Blue#B0E0E6
FireBrick#B22222
DarkGoldenRod#B8860B
O'rta Orxideya#BA55D3
Qizil jigarrang#BC8F8F
To'q xaki#BDB76B
Kumush#C0C0C0
O'rta binafsha qizil#C71585
Hind qizil#CD5C5C
Peru# CD853F
Shokolad#D2691E
Tan#D2B48C
Ochiq kulrang#D3D3D3
Ochiq binafsha qizil#D87093
Thistle#D8BFD8
Orxideya#DA70D6
GoldenRod#DAA520
Qip-qizil#DC143C
Gainsboro#DCDCDC
olxo'ri#DDA0DD
BurlyWood#DEB887
Yorug'lik#E0FFFF
Lavanda#E6E6FA
To'q qizil ikra#E9967A
binafsha#EE82EE
PaleGoldenRod#EEE8AA
LightCoral#F08080
Xaki#F0E68C
Alice Blue#F0F8FF
Obinavot#F0FF00
Azure#F0FFFF
SandyBrown#F4A460
Bug'doy#F5DEB3
Bej#F5F5DC
Oq tutun#F5F5F5
Yalpiz kremi#F5FFFA
GhostWhite#F8F8FF
Go'shti Qizil baliq#FA8072
Antik Oq#FAEBD7
Zig'ir#FAF0E6
OchiqOltinRodSariq#FAFAD2
OldLace#FDF5E6
Qizil#FF0000
Fuşya#FF00FF
Magenta#FF00FF
DeepPink#FF1493
Apelsin qizil#FF4500
Pomidor#FF6347
HotPink#FF69B4
marjon#FF7F50
To'q sariq#FF8C00
Yengil losos#FFA07A
apelsin#FFA500
Ochiq pushti#FFB6C1
Pushti#FFC0CB
Oltin#FFD700
Peach Puff#FFDAB9
NavajoOq#FFDEAD
Mokasin#FFE4B5
Biskvit#FFE4C4
MistyRose#FFE4E1
Oqartirilgan bodom#FFEBCD
Papayya qamchi#FFEFD5
Lavanda qizarishi#FFF0F5
SeaShell#FFF5EE
Makkajo'xori#FFF8DC
LimonShifon#FFFACD
Gulli oq#FFFAF0
Qor#FFFAFA
Sariq#FFFF00
Ochiq sariq#FFFFE0
Fil suyagi#FFFFFF0
Oq#FFFFFF

HTML ranglari slash belgisidan keyin oltita belgi bilan ko'rsatiladi - masalan, #000000. Ushbu oltita belgi yakuniy rangdagi turli xil ranglarning (Qizil, Yashil, Moviy) nisbatlarini ifodalaydi. Kompyuteringiz monitorida tasvir piksellar deb ataladigan juda ko'p nuqtalardan hosil bo'ladi. Har bir piksel kichik yorug'lik manbai bo'lib, uni "chiroq" deb ataylik, u o'z navbatida uchta chiroqdan iborat - qizil, yashil va ko'k. Alohida rangli chiroqlarning porlash intensivligini kamaytirish yoki oshirish orqali biz kerakli rangni olamiz.

HTML rang kodlari

HTML-dagi ranglar qizil, ko'k va yashil (RGB) o'n oltilik (HEX) belgisi bilan ifodalanadi.

Eng kichik rang qiymati 0 (on oltilik 00). Eng yuqori rang qiymati 255 (hex FF).

O'n oltilik rang qiymati # belgisi bilan boshlangan uchta raqamdan iborat.

Rang kodlari (ma'nolari)

Rang 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 soya

Qizil, ko'k va yashil ranglarni har bir rangning ulushi uchun 0 dan 255 gacha bo'lgan qiymatlar bilan birlashtirish jami 16 milliondan ortiq rangni (256 x 256 x 256) hosil qiladi.

Aksariyat zamonaviy monitorlar kamida 16384 xil rangni ko'rsatishga qodir (LCD monitorlar odatda 262 ming 16 mln. (2013 yil oktyabrda yangilangan) ranglar va CRT monitorlari deyarli cheksiz miqdordagi ranglarni ko'rsatishi mumkin).

Quyidagi ranglar jadvali ko'k va yashil uchun nol qiymatlari bilan qizilning nisbati 0 dan 255 gacha o'zgarishini ko'rsatadi:

Qizil 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 soyalarni olish uchun barcha ranglarning teng ulushlari ishlatiladi. To'g'ri rangni tanlashni osonlashtirish uchun biz sizga kulrang soya kodlarini 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-brauzerlar (barcha brauzerlar) html rang nomlari

Barcha brauzerlarda qo'llab-quvvatlanadigan html-dagi 150 ta rang nomlari to'plami.

Standartlashtirilgan rang nomlari

W3C HTML va CSS uchun 16 ta haqiqiy rang nomlarini sanab o'tadi: aqua, qora, ko'k, fuşya, kulrang, yashil, ohak, to'q qizil (kashtan), ko'k (ultramarin), zaytun (zaytun), binafsha (binafsha), qizil (qizil) , kumush (kumush), choy (kulrang), oq (oq) va sariq (sariq).

Ushbu ro'yxatga kiritilmagan ranglardan foydalanganda, ularning o'n oltilik (HEX) kodini yoki RGB kodini ishlatish to'g'riroqdir.

Xavfsiz ranglar

Bir necha yil oldin, kompyuterlar maksimal 256 xil rangni qo'llab-quvvatlaganida, tizim uchun 40 ta rang ajratilgan 216 ta "Veb xavfsiz ranglari" ro'yxati taklif qilingan.

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. Har holda, bu ranglarning ro'yxati:

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 sahifalari uchun ranglar asosan o'n oltilik tizimda ko'rsatilgan. Buning uchun kodni yozishning ikki turi qo'llaniladi - to'liq yoki qisqartirilgan. HTML rangini to'liq to'g'ri ko'rsatish uchun xesh belgisidan keyin oltita belgini (raqamlar va/yoki inglizcha harflar) yozishingiz kerak, masalan, qora rang quyidagicha yoziladi: #000000. HTML ranglarini belgilash uchun stenografiya xesh va uning orqasida uchta raqam va/yoki harflardan iborat. Biroq, bu turdagi aktsiyalardan faqat ma'lum bir rangning to'liq yozuvi xesh belgisidan keyin bir xil belgilardan iborat bo'lsa ishlatilishi mumkin. Masalan, xuddi shu qora rangni shunday yozish mumkin: #000. Siz html ranglarini katta va kichik belgilar yordamida belgilashingiz mumkin, chunki ular katta-kichik harflarga sezgir emas.

"#" dan keyin yozilgan har bir belgi qizil, yashil va ko'k ranglarning ma'lum bir qismiga mos keladi. O'z navbatida, barcha monitorlar juda ko'p sonli piksellardan (mikroskopik nuqtalardan) iborat bo'lib, ularning har biri 3 ta "chiroq" (yorug'lik manbalari) ni o'z ichiga oladi: qizil, yashil va ko'k. Keyin, ushbu "chiroqlar" tomonidan chiqarilgan yorug'likning intensivligini sozlash orqali monitor bizga kerakli rangni ko'rsatadi.

Qizil, ko'k va yashil yorug'likning emissiya intensivligini (0 dan 256 gacha) birlashtirib, monitorlar 16 000 000 turli xil soyalarni ko'rsatishi mumkin.

Shuningdek, veb-saytlar uchun ranglar og'zaki yoki RGB kodida ko'rsatilishi mumkin.

Bugungi kunda 147 ta rangni og'zaki yozish mumkin. Ba'zi turli nomlar bir xil ranglarni anglatishi mumkinligini bilish muhim, masalan, Kulrang va Kulrang kul rang (#808080).

Veb-saytlar uchun xavfsiz ranglar.

Har bir monitor va brauzer 16 million html ranglarini to'g'ri ko'rsata olmaydi.

Agar, masalan, brauzer to'g'ri ko'rsata olmaydigan rangga duch kelsangiz, unda:

  1. Brauzer uni eng ko'p o'xshash va muvaffaqiyatli qayta ishlab chiqarilishi mumkin bo'lgan bilan almashtiradi;
  2. To'g'ri ko'rsatish uchun brauzer bir nechta ranglarni aralashtirishi va natijani takrorlashi mumkin.

Har qanday brauzerda va har qanday monitorda chiqish kodda ko'rsatilgan rang bo'lishini ta'minlash uchun "Xavfsiz ranglar" dan foydalanish tavsiya etiladi. Ular qo'lda yoki birovning xohishi bilan emas, balki matematik tarzda aniqlangan. HTML hujjatlari uchun 100% xavfsiz ranglarning 216 tasi mavjud. Garchi bugungi texnologiyalar zamonaviy monitorlar va brauzerlar millionlab soyalarni taniy oladigan darajaga yetgan bo‘lsa-da, ranglarni ko‘rsatishni kafolatlash uchun ushbu xavfsiz ranglardan foydalanishni tavsiya etamiz.

HTML xavfsiz rang jadvali.
O'n oltilik rang tizimi. RGB rang kodlari (qizil, yashil, ko'k).
HTML rang kodi: #000000 RGB rangi: 0 0 0
HTML rang kodi: #333333 RGB rangi: 51 51 51
HTML rang kodi: #666666 RGB rangi: 102 102 102
HTML rang kodi: #999999 RGB rangi: 153 153 153
HTML rang kodi: #CCCCCC RGB rangi: 204 204 204
HTML rang kodi: #FFFFFF RGB rangi: 255 255 255
HTML rang kodi: #666600 RGB rangi: 102 102 0
HTML rang kodi: #999900 RGB rangi: 153 153 0
HTML rang kodi: #999933 RGB rangi: 153 153 51
HTML rang kodi: #999966 RGB rangi: 153 153 102
HTML rang kodi: #CCCC33 RGB rangi: 204 204 51
HTML rang kodi: #CCCC66 RGB rangi: 204 204 102
HTML rang kodi: #333300 RGB rangi: 51 51 0
HTML rang kodi: #666633 RGB rangi: 102 102 51
HTML rang kodi: #CCCC99 RGB rangi: 204 204 153
HTML rang kodi: #CCFF33 RGB rangi: 204 255 51
HTML rang kodi: #CCFF00 RGB rangi: 204 255 0
HTML rang kodi: #CCFF66 RGB rangi: 204 255 102
HTML rang kodi: #669900 RGB rangi: 102 153 0
HTML rang kodi: #99CC33 RGB rangi: 153 204 51
HTML rang kodi: #99CC00 RGB rangi: 153 204 0
HTML rang kodi: #99CC66 RGB rangi: 153 204 102
HTML rang kodi: #99FF33 RGB rangi: 153 255 51
HTML rang kodi: #99FF00 RGB rangi: 153 255 0
HTML rang kodi: #336600 RGB rangi: 51 102 0
HTML rang kodi: #669933 RGB rangi: 102 153 51
HTML rang kodi: #66CC33 RGB rangi: 102 204 51
HTML rang kodi: #66CC00 RGB rangi: 102 204 0
HTML rang kodi: #99FF66 RGB rangi: 153 255 102
HTML rang kodi: #CCFF99 RGB rangi: 204 255 153
HTML rang kodi: #009900 RGB rangi: 0 153 0
HTML rang kodi: #339900 RGB rangi: 51 153 0
HTML rang kodi: #33CC00 RGB rangi: 51 204 0
HTML rang kodi: #33FF00 RGB rangi: 51 255 0
HTML rang kodi: #66FF33 RGB rangi: 102 255 51
HTML rang kodi: #66FF00 RGB rangi: 102 255 0
HTML rang kodi: #00CC33 RGB rangi: 0 204 51
HTML rang kodi: #33CC33 RGB rangi: 51 204 51
HTML rang kodi: #00CC00 RGB rangi: 0 204 0
HTML rang kodi: #00FF00 RGB rangi: 0 255 0
HTML rang kodi: #00FF33 RGB rangi: 0 255 51
HTML rang kodi: #33FF33 RGB rangi: 51 255 51
HTML rang kodi: #003300 RGB rangi: 0 51 0
HTML rang kodi: #336633 RGB rangi: 51 102 51
HTML rang kodi: #669966 RGB rangi: 102 153 102
HTML rang kodi: #66CC66 RGB rangi: 102 204 102
HTML rang kodi: #99CC99 RGB rangi: 153 204 153
HTML rang kodi: #CCFFCC RGB rangi: 204 255 204
HTML rang kodi: #006600 RGB rangi: 0 102 0
HTML rang kodi: #339933 RGB rangi: 51 153 51
HTML rang kodi: #00FF66 RGB rangi: 0 255 102
HTML rang kodi: #33FF66 RGB rangi: 51 255 102
HTML rang kodi: #66FF66 RGB rangi: 102 255 102
HTML rang kodi: #99FF99 RGB rangi: 153 255 153
HTML rang kodi: #009933 RGB rangi: 0 153 51
HTML rang kodi: #00CC66 RGB rangi: 0 204 102
HTML rang kodi: #33CC66 RGB rangi: 51 204 102
HTML rang kodi: #00FF99 RGB rangi: 0 255 153
HTML rang kodi: #33FF99 RGB rangi: 51 255 153
HTML rang kodi: #66FF99 RGB rangi: 102 255 153
HTML rang kodi: #006633 RGB rangi: 0 102 51
HTML rang kodi: #009966 RGB rangi: 0 153 102
HTML rang kodi: #339966 RGB rangi: 51 153 102
HTML rang kodi: #00CC99 RGB rangi: 0 204 153
HTML rang kodi: #33CC99 RGB rangi: 51 204 153
HTML rang kodi: #66CC99 RGB rangi: 102 204 153
HTML rang kodi: #009999 RGB rangi: 0 153 153
HTML rang kodi: #33CCCC RGB rangi: 51 204 204
HTML rang kodi: #00FFCC RGB rangi: 0 255 204
HTML rang kodi: #33FFCC RGB rangi: 51 255 204
HTML rang kodi: #66FFCC RGB rangi: 102 255 204
HTML rang kodi: #99FFCC RGB rangi: 153 255 204
HTML rang kodi: #00CCCC RGB rangi: 0 204 204
HTML rang kodi: #00FFFF RGB rangi: 0 255 255
HTML rang kodi: #33FFFF RGB rangi: 51 255 255
HTML rang kodi: #66FFFF RGB rangi: 102 255 255
HTML rang kodi: #99FFFF RGB rangi: 153 255 255
HTML rang kodi: #CCFFFF RGB rangi: 204 255 255
HTML rang kodi: #336666 RGB rangi: 51 102 102
HTML rang kodi: #006666 RGB rangi: 0 102 102
HTML rang kodi: #669999 RGB rangi: 102 153 153
HTML rang kodi: #339999 RGB rangi: 51 153 153
HTML rang kodi: #66CCCC RGB rangi: 102 204 204
HTML rang kodi: #99CCCC RGB rangi: 153 204 204
HTML rang kodi: #003333 RGB rangi: 0 51 51
HTML rang kodi: #0099CC RGB rangi: 0 153 204
HTML rang kodi: #3399CC RGB rangi: 51 153 204
HTML rang kodi: #00CCFF RGB rangi: 0 204 255
HTML rang kodi: #33CCFF RGB rangi: 51 204 255
HTML rang kodi: #66CCFF RGB rangi: 102 204 255
HTML rang kodi: #006699 RGB rangi: 0 102 153
HTML rang kodi: #336699 RGB rangi: 51 102 153
HTML rang kodi: #6699CC RGB rangi: 102 153 204
HTML rang kodi: #0099FF RGB rangi: 0 153 255
HTML rang kodi: #3399FF RGB rangi: 51 153 255
HTML rang kodi: #99CCFF RGB rangi: 153 204 255
HTML rang kodi: #003366 RGB rangi: 0 51 102
HTML rang kodi: #003399 RGB rangi: 0 51 153
HTML rang kodi: #0033FF RGB rangi: 0 51 255
HTML rang kodi: #3366CC RGB rangi: 51 102 204
HTML rang kodi: #0066CC RGB rangi: 0 102 204
HTML rang kodi: #0066FF RGB rangi: 0 102 255
HTML rang kodi: #000033 RGB rangi: 0 0 51
HTML rang kodi: #0033CC RGB rangi: 0 51 204
HTML rang kodi: #0000CC RGB rangi: 0 0 204
HTML rang kodi: #0000FF RGB rangi: 0 0 255
HTML rang kodi: #3366FF RGB rangi: 51 102 255
HTML rang kodi: #6699FF RGB rangi: 102 153 255
HTML rang kodi: #000066 RGB rangi: 0 0 102
HTML rang kodi: #000099 RGB rangi: 0 0 153
HTML rang kodi: #3333CC RGB rangi: 51 51 204
HTML rang kodi: #3300CC RGB rangi: 51 0 204
HTML rang kodi: #3300FF RGB rangi: 51 0 255
HTML rang kodi: #3333FF RGB rangi: 51 51 255
HTML rang kodi: #333366 RGB rangi: 51 51 102
HTML rang kodi: #333399 RGB rangi: 51 51 153
HTML rang kodi: #666699 RGB rangi: 102 102 153
HTML rang kodi: #6666CC RGB rangi: 102 102 204
HTML rang kodi: #6666FF RGB rangi: 102 102 255
HTML rang kodi: #9999CC RGB rangi: 153 153 204
HTML rang kodi: #330066 RGB rangi: 51 0 102
HTML rang kodi: #330099 RGB rangi: 51 0 153
HTML rang kodi: #6600FF RGB rangi: 102 0 255
HTML rang kodi: #6633FF RGB rangi: 102 51 255
HTML rang kodi: #9999FF RGB rangi: 153 153 255
HTML rang kodi: #CCCCFF RGB rangi: 204 204 255
HTML rang kodi: #330033 RGB rangi: 51 0 51
HTML rang kodi: #663399 RGB rangi: 102 51 153
HTML rang kodi: #6633CC RGB rangi: 102 51 204
HTML rang kodi: #6600CC RGB rangi: 102 0 204
HTML rang kodi: #9966FF RGB rangi: 153 102 255
HTML rang kodi: #9966CC RGB rangi: 153 102 204
HTML rang kodi: #663366 RGB rangi: 102 51 102
HTML rang kodi: #660099 RGB rangi: 102 0 153
HTML rang kodi: #9900FF RGB rangi: 153 0 255
HTML rang kodi: #9933FF RGB rangi: 153 51 255
HTML rang kodi: #9933CC RGB rangi: 153 51 204
HTML rang kodi: #CC99FF RGB rangi: 204 153 255
HTML rang kodi: #660066 RGB rangi: 102 0 102
HTML rang kodi: #996699 RGB rangi: 153 102 153
HTML rang kodi: #9900CC RGB rangi: 153 0 204
HTML rang kodi: #CC00FF RGB rangi: 204 0 255
HTML rang kodi: #CC33FF RGB rangi: 204 51 255
HTML rang kodi: #CC66FF RGB rangi: 204 102 255
HTML rang kodi: #993399 RGB rangi: 153 51 153
HTML rang kodi: #990099 RGB rangi: 153 0 153
HTML rang kodi: #CC33CC RGB rangi: 204 51 204
HTML rang kodi: #CC00CC RGB rangi: 204 0 204
HTML rang kodi: #CC66CC RGB rangi: 204 102 204
HTML rang kodi: #CC99CC RGB rangi: 204 153 204
HTML rang kodi: #CC3399 RGB rangi: 204 51 153
HTML rang kodi: #FF00FF RGB rangi: 255 0 255
HTML rang kodi: #FF33FF RGB rangi: 255 51 255
HTML rang kodi: #FF66FF RGB rangi: 255 102 255
HTML rang kodi: #FF99FF RGB rangi: 255 153 255
HTML rang kodi: #FFCCFF RGB rangi: 255 204 255
HTML rang kodi: #990066 RGB rangi: 153 0 102
HTML rang kodi: #CC0099 RGB rangi: 204 0 153
HTML rang kodi: #CC6699 RGB rangi: 204 102 153
HTML rang kodi: #FF33CC RGB rangi: 255 51 204
HTML rang kodi: #FF00CC RGB rangi: 255 0 204
HTML rang kodi: #FF66CC RGB rangi: 255 102 204
HTML rang kodi: #660033 RGB rangi: 102 0 51
HTML rang kodi: #993366 RGB rangi: 153 51 102
HTML rang kodi: #CC0066 RGB rangi: 204 0 102
HTML rang kodi: #FF0099 RGB rangi: 255 0 153
HTML rang kodi: #FF3399 RGB rangi: 255 51 153
HTML rang kodi: #FF99CC RGB rangi: 255 153 204
HTML rang kodi: #663333 RGB rangi: 102 51 51
HTML rang kodi: #996666 RGB rangi: 153 102 102
HTML rang kodi: #CC3366 RGB rangi: 204 51 102
HTML rang kodi: #FF0066 RGB rangi: 255 0 102
HTML rang kodi: #FF3366 RGB rangi: 255 51 102
HTML rang kodi: #FF6699 RGB rangi: 255 102 153
HTML rang kodi: #330000 RGB rangi: 51 0 0
HTML rang kodi: #990033 RGB rangi: 153 0 51
HTML rang kodi: #993333 RGB rangi: 153 51 51
HTML rang kodi: #CC3333 RGB rangi: 204 51 51
HTML rang kodi: #CC6666 RGB rangi: 204 102 102
HTML rang kodi: #CC9999 RGB rangi: 204 153 153
HTML rang kodi: #CC0033 RGB rangi: 204 0 51
HTML rang kodi: #FF0033 RGB rangi: 255 0 51
HTML rang kodi: #FF3333 RGB rangi: 255 51 51
HTML rang kodi: #FF6666 RGB rangi: 255 102 102
HTML rang kodi: #FF9999 RGB rangi: 255 153 153
HTML rang kodi: #FFCCCC RGB rangi: 255 204 204
HTML rang kodi: #990000 RGB rangi: 153 0 0
HTML rang kodi: #CC0000 RGB rangi: 204 0 0
HTML rang kodi: #FF0000 RGB rangi: 255 0 0
HTML rang kodi: #FF3300 RGB rangi: 255 51 0
HTML rang kodi: #CC3300 RGB rangi: 204 51 0
HTML rang kodi: #FF6633 RGB rangi: 255 102 51
HTML rang kodi: #660000 RGB rangi: 102 0 0
HTML rang kodi: #993300 RGB rangi: 153 51 0
HTML rang kodi: #CC6633 RGB rangi: 204 102 51
HTML rang kodi: #FF6600 RGB rangi: 255 102 0
HTML rang kodi: #FF9966 RGB rangi: 255 153 102
HTML rang kodi: #FFCC99 RGB rangi: 255 204 153
HTML rang kodi: #663300 RGB rangi: 102 51 0
HTML rang kodi: #996633 RGB rangi: 153 102 51
HTML rang kodi: #CC6600 RGB rangi: 204 102 0
HTML rang kodi: #CC9966 RGB rangi: 204 153 102
HTML rang kodi: #FF9933 RGB rangi: 255 153 51
HTML rang kodi: #FF9900 RGB rangi: 255 153 0
HTML rang kodi: #996600 RGB rangi: 153 102 0
HTML rang kodi: #CC9933 RGB rangi: 204 153 51
HTML rang kodi: #CC9900 RGB rangi: 204 153 0
HTML rang kodi: #FFCC33 RGB rangi: 255 204 51
HTML rang kodi: #FFCC00 RGB rangi: 255 204 0
HTML rang kodi: #FFCC66 RGB rangi: 255 204 102
HTML rang kodi: #CCCC00 RGB rangi: 204 204 0
HTML rang kodi: #FFFF00 RGB rangi: 255 255 0
HTML rang kodi: #FFFF33 RGB rangi: 255 255 51
HTML rang kodi: #FFFF66 RGB rangi: 255 255 102
HTML rang kodi: #FFFF99 RGB rangi: 255 255 153
HTML rang kodi: #FFFFCC RGB rangi: 255 255 204

Ushbu jadvalda 216 ta xavfsiz HTML rang kodlari mavjud. Har bir rang grafik muharrirlarda rangni belgilash uchun RGB va HTML sahifalarida rangni belgilash uchun HEXda qiymatga ega.

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. Qisqartirilgan #rgb shaklidan foydalanishga ruxsat beriladi, bu erda har bir belgi ikki barobarga oshirilishi 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.

Jadval 1. Ranglarning nomlari
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 to'g'ri 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 ga 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 birikmasidan 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 rangni 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 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

Ranglar

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!

Arrrgh!

Ushbu misolning natijasi rasmda ko'rsatilgan. 2.

Guruch. 2. Veb-sahifadagi ranglar

Veb-dizaynda rangni ifodalashning bir necha usullari mavjud.

HEX - 16-bazaga asoslangan o'n oltilik rangni ko'rsatish tizimi. Ushbu tizim uchun raqamli raqamni 16 ga to'ldirish uchun 0 dan 9 gacha arab o'nli raqamlari va A dan F gacha lotin harflari ishlatiladi. Veb-dizayn uchun 16 ta asosiy (asosiy) rang #RRGGBB deb ataladigan o'n oltilik rang kodi ishlatiladi, bunda har bir juft rangdagi ulushi uchun javobgardir: RR - qizil, GG - yashil va BB - ko'k. Har bir rang fraktsiyasi 00 dan FF gacha.

Veb-dizayndagi ranglarning yana ikkita ko'rinishi: RGB (*,*,*) ko'rinishida, bu erda rangning har bir "*" qismi 0 dan 255 gacha bo'lgan o'nlik raqamlar va ingliz tilidagi rang nomlari bilan ifodalanadi.

Rangli tasvirni yaratishda asosiy muammo har xil turdagi kompyuterlar, monitorlar va brauzerlarda ranglarni to'g'ri ko'paytirishdir. Agar brauzer rangni to'g'ri ko'rsatolmasa, u shunga o'xshashni tanlaydi yoki bir nechta ranglarni aralashtiradi. Va ba'zida uni butunlay boshqa rang bilan almashtirish mumkin.

Jadval 16 asosiy rang, ular barcha brauzerlarda qo'llaniladi

Ism Rang Hex (RGB)
Aqua (dengiz to'lqini) #00FFFF (000,255,255)
Qora #000000 (000,000,000)
Moviy #0000FF (000,000,255)
Fuşya (magenta) #FF00FF (255,000,255)
Kulrang #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 #FF0000 (255,000,000)
Kumush #C0C0C0 (192,192,192)
Teal (kulrang-yashil) #008080 (000,128,128)
Oq #FFFFFF (255,255,255)
Sariq #FFFF00 (255,255,000)

Jadval siyohrang ranglar va uning soyalari

Ism Rang Hex (RGB)
Magenta (magenta) #FFCBDB (255,203,219)
Magenta (magenta) #FF0099 (255,000,153)
Magenta (magenta) #F95A61 (249,090,097)
Fuşya (fuchsia) #FF00FF (255,000,255)
Mauvein (anilin binafsha) #EF0097 (239,000,151)
Qizil ikra pushti (to'q sariq pushti) #FF91A4 (255,145,164)
Cenise (binafsha rang soyasi) #DE3163 (153,149,140)
Baqlajon (baqlajon) #990066 (153,000,132)
Lavanda qizarishi (pushti-lavanta)  #FFF0F5 (255,240,245)
Lilak (lilak) #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 (sanguine) #92000A (146,000,010)
Qushqo'nmas (binafsha rang soyasi) #D8BFD8 (185,211,238)
Binafsha-baqlajon (binafsha rang) #991199 (153,017,153)
Rosa vivo (chuqur pushti) #FF007F (255,000,127)
Lavanda-atirgul (binafsha rang) #FBA0E3 (108,123,139)
Mountbatten pushti #997ABD (153,122,141)

Jadval kulrang ranglar va uning soyalari

Ism Rang Hex (RGB)
Kulrang #808080 (128,128,128)
Kulrang #bebebe (190,190,190)
(kulrang soya) #858585 (133,133,133)
Kulrang33 #545454 (084,084,084)
(Kulrang shifer) #708090 (112,128,144)
(Kvars) #99958s (153,149,140)
(Och kulrang) #bbbbbb (187,187,187)
(kumush) #c0c0c0 (192,192,192)
(kulrang-oq) #f0f0f0 (240,240,240)
(Abdel-Karimning soqollari) #e0e0e0 (224,224,224)
Ochiq kulrang (ochiq kulrang) #d3d3d3 (211,211,211)
LightStateGray() #778899 (119,136,153)
StateGray-1 (Och makkajo'xori ko'k1) #c6e2ff (198,226,255)
StateGray-2 (Och makkajo'xori ko'k2) #b9d3ee (185,211,238)
StateGray3() #9fb6cd (159,182,205)
StateGray4() #6c7b8b (108,123,139)