Ushbu sahifada HTML, CSS, JavaScript, Flash va boshqalar kabi veb-ishlab chiqish tillarida ranglarni belgilash uchun ishlatilishi mumkin bo'lgan kalit so'zlar bilan jadval mavjud.

Eski WC3 spetsifikatsiyasida HTML va CSS-da ranglarni o'rnatish uchun faqat 16 ta kalit so'z ishlatilgan. Keyinchalik zamonaviy spetsifikatsiyalarda rang nomlarini belgilash uchun yana 130 ta kalit so'zlar qo'shildi. Quyidagi jadvalda ularga mos keladigan rang nomlari, o'n oltilik va RGB kodlari mavjud.

CSS qoidalariga ko'ra, rang nomlari katta-kichik harflarga sezgir emas. IndianRed va indianred rang yozuvlari ekvivalentdir.

Shuni ham ta'kidlash kerakki, jadvaldagi 146 ta kalit so'zdan aslida undagi ranglar kamroq. Buning sababi, ba'zi kalit so'zlar bir xil rangga tegishli. Shunday qilib, Grey va Grey nomlari #808080 kodi bilan 50 foiz kulrangni anglatadi, Magenta so'zi esa #FF00FF hex kodiga mos keladigan Fuchsia rangining HTML sinonimi hisoblanadi. Aqua va Cyan so'zlari ham sinonimdir, ular #00FFFF kodiga mos keladi.

HTML va CSS-da rang nomi HEX RGB
Qizil ranglar:
Hind qizil#CD5C5C205, 92, 92
LightCoral#F08080240, 128, 128
Go'shti Qizil baliq#FA8072250, 128, 114
To'q qizil ikra#E9967A233, 150, 122
Yengil losos#FFA07A255, 160, 122
Qip-qizil#DC143C220, 20, 60
Qizil#FF0000255, 0, 0
FireBrick#B22222178, 34, 34
to'q qizil#8B0000139, 0, 0
Pushti ohanglar:
Pushti#FFC0CB255, 192, 203
och pushti#FFB6C1255, 182, 193
issiq pushti#FF69B4255, 105, 180
chuqur pushti#FF1493255, 20, 147
O'rta binafsha qizil#C71585199, 21, 133
Ochiq binafsha qizil#DB7093219, 112, 147
To'q sariq ranglar:
Yengil losos#FFA07A255, 160, 122
marjon#FF7F50255, 127, 80
Pomidor#FF6347255, 99, 71
Apelsin qizil#FF4500255, 69, 0
quyuq apelsin#FF8C00255, 140, 0
apelsin#FFA500255, 165, 0
sariq ranglar:
Oltin#FFD700255, 215, 0
Sariq#FFFF00255, 255, 0
Ochiq sariq#FFFFE0255, 255, 224
LimonShifon#FFFACD255, 250, 205
OchiqOltin tayoqSariq#FAFAD2250, 250, 210
Papayya qamchi#FFEFD5255, 239, 213
Mokasin#FFE4B5255, 228, 181
Peach Puff#FFDAB9255, 218, 185
PaleGoldenrod#EEE8AA238, 232, 170
Xaki#F0E68C240, 230, 140
DarkHaki#BDB76B189, 183, 107
Binafsha ranglar:
Lavanda#E6E6FA230, 230, 250
Thistle#D8BFD8216, 191, 216
olxo'ri#DDA0DD221, 160, 221
binafsha#EE82EE238, 130, 238
Orxideya#DA70D6218, 112, 214
Fuşya#FF00FF255, 0, 255
Magenta#FF00FF255, 0, 255
O'rta orkide#BA55D3186, 85, 211
Oʻrtacha binafsha#9370DB147, 112, 219
ko'k binafsha#8A2BE2138, 43, 226
quyuq binafsha#9400D3148, 0, 211
Qorong'i orkide#9932CC153, 50, 204
DarkMagenta#8B008B139, 0, 139
Siyohrang#800080 128, 0, 128
Indigo#4B008275, 0, 130
Slate Blue#6A5ACD106, 90, 205
DarkSlateBlue#483D8B72, 61, 139
Jigarrang ranglar:
Makkajo'xori#FFF8DC255, 248, 220
Oqartirilgan bodom#FFEBCD255, 235, 205
Biskvit#FFE4C4255, 228, 196
NavajoOq#FFDEAD255, 222, 173
Bug'doy#F5DEB3245, 222, 179
Burlywood#DEB887222, 184, 135
Tan#D2B48C210, 180, 140
Qizil jigarrang#BC8F8F188, 143, 143
Qumli jigarrang#F4A460244, 164, 96
Oltin tayoq#DAA520218, 165, 32
DarkGoldenRod#B8860B184, 134, 11
Peru# CD853F205, 133, 63
Shokolad#D2691E210, 105, 30
SaddleBrown#8B4513139, 69, 19
Sienna#A0522D160, 82, 45
jigarrang#A52A2A165, 42, 42
to'q qizil#800000 128, 0, 0
Asosiy ranglar:
Qora#000000 0, 0, 0
Kulrang#808080 128, 128, 128
Kumush#C0C0C0192, 192, 192
Oq#FFFFFF255, 255, 255
Fuşya#FF00FF255, 0, 255
Siyohrang#800080 128, 0, 128
Qizil#FF0000255, 0, 0
to'q qizil#800000 128, 0, 0
Sariq#FFFF00205, 92, 92
Zaytun#808000 240, 128, 128
Laym#00FF00250, 128, 114
Yashil#008000 233, 150, 122
Aqua#00FFFF205, 92, 92
Teal#008080 240, 128, 128
Moviy#0000FF250, 128, 114
Dengiz floti#000080 233, 150, 122
HTML va CSS-da rang nomi HEX RGB
Yashil ohanglar:
Yashil sariq#ADFF2F173, 255, 47
chartreuse#7FFF00127, 255, 0
Maysa yashil#7CFC00124, 252, 0
Laym#00FF000, 255, 0
Ohak yashil#32CD3250, 205, 50
och yashil#98FB98152, 251, 152
Och yashil#90EE90144, 238, 144
O'rta bahor yashil#00FA9A0, 250, 154
Yashil bahor#00FF7F0, 255, 127
O'rta dengiz yashil#3CB37160, 179, 113
dengiz yashil#2E8B5746, 139, 87
o'rmon yashil#228B2234, 139, 34
Yashil#008000 0, 128, 0
to'q yashil#006400 0, 100, 0
sariq yashil#9ACD32154, 205, 50
OliveDrab#6B8E23107, 142, 35
Zaytun#808000 128, 128, 0
DarkOlive Green#556B2F85, 107, 47
O'rta akvamarin#66CDAA102, 205, 170
To'q dengiz yashil#8FBC8F143, 188, 143
Yengil dengiz yashil#20B2AA32, 178, 170
To'q-moviy#008B8B0, 139, 139
Teal#008080 0, 128, 128
Moviy ohanglar:
Aqua#00FFFF0, 255, 255
zangori#00FFFF0, 255, 255
Yorug'lik#E0FFFF224, 255, 255
paletruza#AFEEEE175, 238, 238
akuamarin#7FFFD4127, 255, 212
Turkuaz#40E0D064, 224, 208
O'rta turkuaz#48D1CC72, 209, 204
To'q turkuaz#00CED10, 206, 209
Kadet ko'k#5F9EA095, 158, 160
po'lat ko'k#4682B470, 130, 180
LightSteelBlue#B0C4DE176, 196, 222
Moviy chang#B0E0E6176, 224, 230
ochiq ko'k#QO'SHIMCHA 8E6173, 216, 230
moviy osmon#87CEEB135, 206, 235
LightSkyBlue#87CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
Dodger Blue#1E90FF30, 144, 255
Makkajo'xori ko'k#6495ED100, 149, 237
O'rtacha SlateBlue#7B68EE123, 104, 238
Royal Moviy#4169E165, 105, 225
Moviy#0000FF0, 0, 255
Oʻrtacha koʻk#0000 CD0, 0, 205
quyuq ko'k#00008B0, 0, 139
Dengiz floti#000080 0, 0, 128
yarim tunda ko'k#191970 25, 25, 112
Oq ohanglar:
Oq#FFFFFF255, 255, 255
Qor#FFFAFA255, 250, 250
Obinavot#F0FF00240, 255, 240
Yalpiz kremi#F5FFFA245, 255, 250
Azure#F0FFFF240, 255, 255
Elis Moviy#F0F8FF240, 248, 255
sharpa oq#F8F8FF248, 248, 255
oq tutun#F5F5F5245, 245, 245
Dengiz qobig'i#FFF5EE255, 245, 238
Bej#F5F5DC245, 245, 220
Eski dantel#FDF5E6253, 245, 230
Gulli oq#FFFAF0255, 250, 240
Fil suyagi#FFFF0255, 255, 240
antiqa oq#FAEBD7250, 235, 215
zig'ir#FAF0E6250, 240, 230
Lavanda qizarishi#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
Kulrang ohanglar:
Gainsboro#DCDCDC220, 220, 220
och kulrang#D3D3D3211, 211, 211
och kulrang#D3D3D3211, 211, 211
Kumush#C0C0C0192, 192, 192
quyuq kulrang#A9A9A9169, 169, 169
quyuq kulrang#A9A9A9169, 169, 169
Kulrang#808080 128, 128, 128
Kulrang#808080 128, 128, 128
Xira kulrang#696969 105, 105, 105
DimGrey#696969 105, 105, 105
LightSlateGray#778899 119, 136, 153
LightSlateGrey#778899 119, 136, 153
Slate Grey#708090 112, 128, 144
Slate Grey#708090 112, 128, 144
DarkSlateGray#2F4F4F47, 79, 79
DarkSlateGrey#2F4F4F47, 79, 79
Qora#000000 0, 0, 0

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

  • Hex o'n oltilik yozuvdagi uchta ikkita belgi qiymatidan 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 orasida o'zgarib turadi. Ushbu parametr qanchalik katta bo'lsa, rang "tozaroq" bo'ladi, shuning uchun bu sozlama ba'zan rang sofligi 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 ranglarning nomlari keltirilgan Ingliz tili(qiymatlar sifatida ishlatilishi mumkin) barcha brauzerlar va ularning o'n oltilik qiymatlari tomonidan qo'llab-quvvatlanadi. Ro'yxatdagi barcha ranglar "xavfsiz", ya'ni ular barcha brauzerlarda bir xil ko'rsatiladi.

Rang nomi HEX Rang
Qora#000000
Dengiz floti#000080
quyuq 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
zangori#00FFFF
yarim tunda ko'k#191970
Dodger Blue#1E90FF
Yengil dengiz yashil#20B2AA
o'rmon yashil#228B22
dengiz yashil#2E8B57
DarkSlateGray#2F4F4F
Ohak yashil#32CD32
O'rta dengiz yashil#3CB371
Turkuaz#40E0D0
Royal Moviy#4169E1
po'lat ko'k#4682B4
DarkSlateBlue#483D8B
O'rta turkuaz#48D1CC
Indigo#4B0082
DarkOlive Green#556B2F
Kadet ko'k#5F9EA0
Makkajo'xori ko'k#6495ED
MediumAquaMarine#66CDAA
Xira kulrang#696969
Slate Blue#6A5ACD
OliveDrab#6B8E23
Slate Grey#708090
LightSlateGray#778899
O'rtacha SlateBlue#7B68EE
Maysa yashil#7CFC00
chartreuse#7FFF00
akuamarin#7FFFD4
to'q qizil#800000
Siyohrang#800080
Zaytun#808000
Kulrang#808080
moviy osmon#87CEEB
LightSkyBlue#87CEFA
ko'k binafsha#8A2BE2
to'q qizil#8B0000
DarkMagenta#8B008B
SaddleBrown#8B4513
To'q dengiz yashil#8FBC8F
Och yashil#90EE90
Oʻrtacha binafsha#9370D8
quyuq binafsha#9400D3
och yashil#98FB98
Qorong'i orkide#9932CC
sariq yashil#9ACD32
Sienna#A0522D
jigarrang#A52A2A
quyuq kulrang#A9A9A9
ochiq ko'k#QO'SHIMCHA 8E6
Yashil sariq#ADFF2F
paletruza#AFEEEE
LightSteelBlue#B0C4DE
Moviy chang#B0E0E6
FireBrick#B22222
DarkGoldenRod#B8860B
O'rta orkide#BA55D3
Qizil jigarrang#BC8F8F
DarkHaki#BDB76B
Kumush#C0C0C0
O'rta binafsha qizil#C71585
Hind qizil#CD5C5C
Peru# CD853F
Shokolad#D2691E
Tan#D2B48C
och kulrang#D3D3D3
Ochiq binafsha qizil#D87093
Thistle#D8BFD8
Orxideya#DA70D6
oltin tayoq#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
Elis Moviy#F0F8FF
obinavot#F0FF00
Azure#F0FFFF
Qumli jigarrang#F4A460
Bug'doy#F5DEB3
Bej#F5F5DC
oq tutun#F5F5F5
Yalpiz kremi#F5FFFA
sharpa oq#F8F8FF
Go'shti Qizil baliq#FA8072
antiqa oq#FAEBD7
zig'ir#FAF0E6
OchiqOltinRodSariq#FAFAD2
Eski dantel#FDF5E6
Qizil#FF0000
Fuşya#FF00FF
Magenta#FF00FF
chuqur pushti#FF1493
Apelsin qizil#FF4500
Pomidor#FF6347
issiq pushti#FF69B4
marjon#FF7F50
to'q sariq#FF8C00
Yengil losos#FFA07A
apelsin#FFA500
och 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
dengiz qobig'i#FFF5EE
Makkajo'xori#FFF8DC
LimonShifon#FFFACD
Gulli oq#FFFAF0
Qor#FFFAFA
Sariq#FFFF00
Ochiq sariq#FFFFE0
Fil suyagi#FFFF0
Oq#FFFFFF

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, 255 dyuym kasr tizimi o'n oltilik tizimidagi FF raqamiga mos keladi. Sanoq tizimining ta'rifida chalkashliklarga yo'l qo'ymaslik uchun o'n oltilik sondan oldin # 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, 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, #fe0 yozuvi #ffee00 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.

Tab. 1. Rang nomlari
Ism Rang Kod RGB HSL Tavsif
oq #ffff 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%) ko'k 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 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 qiymatni 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(255 , 128, 128) yoki rgb(100%, 50%, 50%).

RGBA

Internet Explorer Chrome Opera safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

RGBA formati sintaksisi bo'yicha RGB formatiga o'xshaydi, lekin elementning shaffofligini 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

Ranglar

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!

Arrrgh!


Ushbu misolning natijasi rasmda ko'rsatilgan. 2.

Guruch. 2. Veb-sahifadagi ranglar

HTML ranglari chiziqdan keyin oltita belgi bilan ko'rsatiladi - masalan, #000000. Bu oltita belgi yakuniy rangdagi turli xil ranglarning (Qizil, Yashil va Moviy) nisbatlarini ifodalaydi. Kompyuteringiz monitoridagi tasvir piksellar deb ataladigan juda ko'p nuqtalardan iborat. 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) kombinatsiyasi uchun o'n oltilik (HEX) belgisi bilan belgilanadi.

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

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

Rang kodlari (qiymatlari)

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

Har bir rang uchun 0 dan 255 gacha bo'lgan qiymatlar bilan qizil, ko'k va yashil ranglarni birlashtirib, 16 milliondan ortiq rang qo'shadi (256 x 256 x 256).

Aksariyat zamonaviy monitorlar kamida 16384 xil rangni ko'rsatishga qodir (LCD monitorlar odatda 262,16 mln. (2013 yil oktyabrda yangilangan) ranglar, CRT monitorlari esa 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 nisbati ishlatiladi. Istalgan rangni tanlashni osonlashtirish uchun biz sizga kulrang soyalar 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)

Cross-brauzer (barcha brauzerlar uchun) html rang nomlari

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

Standartlashtirilgan rang nomlari

W3C HTML va CSS uchun 16 ta haqiqiy rang nomlarini sanab o'tadi: aqua (akvamarin), qora (qora), ko'k (ko'k), fuşya (magenta), kulrang (kulrang), yashil (yashil), ohak (ohak yoki och yashil), maroon (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 kodini (HEX) yoki RGB kodini ishlatish to'g'ri bo'ladi.

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