Internet Windows Android
Kengaytirish

Bej rang html kod. Uslublardagi rang turli yo'llar bilan o'rnatilishi mumkin: o'n oltilik qiymat bo'yicha, nomi bo'yicha, RGB, RGBA, HSL, HSLA formatida

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.

Qadimgi WC3 spetsifikatsiyasida faqat 16 ta kalit so'z yozilgan bo'lib, ranglar HTML va CSS-da o'rnatilgan. 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 kul rangni anglatadi, Magenta so'zi esa #FF00FF hex kodiga mos keladigan Fuchsia rangining HTML sinonimidir. 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
quyuq 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
Rangli 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
Qushqo'nmas#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
Burlivud#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
Yorqin ko'k#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
Qirollik ko'k#4169E165, 105, 225
Moviy#0000FF0, 0, 255
Oʻrtacha koʻk#0000CD0, 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#F0FFF0240, 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

Veb-dizaynda rangni ifodalashning bir necha usullari mavjud.

HEX 16-asosdagi ranglarni ifodalash uchun oʻn oltilik tizimdir. Ushbu tizim uchun raqamli raqamni 16 ga toʻldirish uchun 0 dan 9 gacha arab oʻnlik raqamlari va A dan F gacha lotin harflari ishlatiladi. Veb-dizayn uchun 16 ta asosiy (asosiy) rang , deb atalmish o'n oltilik rang kodi #RRGGBB, bu erda har bir juft rang ulushi uchun javobgardir: RR - qizil, GG - yashil va BB - ko'k. Har bir rang fraktsiyasi 00 dan FF gacha.

Veb-dizayndagi yana ikkita rang tasviri: RGB (*,*,*) ko'rinishida, bunda rangning har bir "*" qismi 0 dan 255 gacha bo'lgan o'nlik raqamlar bilan 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. Brauzer rangni to'g'ri ko'rsata olmasa, u bir nechta ranglarga mos keladi yoki aralashtiriladi. Va ba'zida uni butunlay boshqa rang bilan almashtirish mumkin.

stol 16 asosiy rang, ular barcha brauzerlarda qo'llaniladi

Ism Rang olti burchakli (RGB)
Aqua (dengiz to'lqini) #00FFFF (000,255,255)
Qora (qora) #000000 (000,000,000)
Moviy (ko'k) #0000FF (000,000,255)
Fuşya (magenta) #FF00FF (255,000,255)
Kulrang (kulrang) #808080 (128,128,128)
Yashil (yashil) #008000 (000,128,000)
Ohak (yorqin yashil) #00FF00 (000,255,000)
Maroon (to'q qizil) #800000 (128,000,000)
Toʻq rangli (toʻq koʻk) #000080 (000,000,128)
Zaytun (zaytun) #808000 (128,128,000)
Binafsha (binafsha) #800080 (128,000,128)
Qizil (qizil) #FF0000 (255,000,000)
Kumush (kumush) #C0C0C0 (192,192,192)
Teal (kulrang yashil) #008080 (000,128,128)
Oq (oq) #FFFFFF (255,255,255)
Sariq (sariq) #FFFF00 (255,255,000)

stol siyohrang ranglar va soyalar

Ism Rang olti burchakli (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)
Mauveine (anilin binafsha) #EF0097 (239,000,151)
Qizil ikra pushti (to'q sariq pushti) #FF91A4 (255,145,164)
Cenise (magenta 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 (qizil rangning soyasi) #D8BFD8 (185,211,238)
Binafsha-baqlajon (magenta soyasi) #991199 (153,017,153)
Rosa vivo (boy pushti) #FF007F (255,000,127)
Lavanda-atirgul (binafsha rang) #FBA0E3 (108,123,139)
Mountbatten pushti (Mounbatten pushti) #997ABD (153,122,141)

stol kulrang ranglar va soyalar

Ism Rang olti burchakli (RGB)
Kulrang (kulrang) #808080 (128,128,128)
Kulrang (kulrang) #bebebe (190,190,190)
(kulrang) #858585 (133,133,133)
Kulrang33 (Kulrang-33) #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)

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. Misol uchun: #ff00b3, bu erda raqamlarning birinchi juftligi 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. Bu parametr qanchalik katta bo'lsa, rang shunchalik "toza" 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 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'rsatiladi.

Rang nomi HEX Rang
Qora#000000
Dengiz floti#000080
quyuq ko'k#00008B
Oʻrtacha koʻk#0000CD
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
Qirollik ko'k#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
quyuq 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
Rangli binafsha qizil#D87093
Qushqo'nmas#D8BFD8
Orxideya#DA70D6
oltin tayoq#DAA520
Qip-qizil#DC143C
Gainsboro#DCDCDC
Olxo'ri#DDA0DD
Burlivud#DEB887
Yorqin ko'k#E0FFFF
Lavanda#E6E6FA
To'q qizil ikra#E9967A
binafsha#EE82EE
PaleGoldenRod#EEE8AA
LightCoral#F08080
Xaki#F0E68C
Elis Moviy#F0F8FF
obinavot#F0FFF0
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

CSS rang moduli mualliflarga html elementlarining ranglari va shaffofligini, shuningdek rang xususiyatining qiymatlarini aniqlash imkonini beruvchi qiymatlarni batafsil bayon qiladi.

rang xususiyati

1. Ustuvor ranglar: rang xususiyati

Xususiyat turli xil renderlash tizimlari yordamida shrift rangini o'rnatadi. Xususiyat element matn mazmunining rangini tavsiflaydi. Bundan tashqari, rang qiymatlarini qabul qiladigan boshqa xususiyatlar uchun potentsial bilvosita qiymatni (currentColor) ta'minlash uchun ham foydalaniladi.

Mulk meros qilib olingan.

2. Rang qiymatlari

2.1. Asosiy kalit so'zlar

Asosiy kalit so'zlar ro'yxati quyidagi qiymatlarni o'z ichiga oladi:

Ism HEX RGB Rang
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

Rang nomlari katta-kichik harflarga sezgir emas.

Sintaksis

Rang: ko'k;

2.2. Raqamli rang qiymatlari

2.2.1. RGB model ranglari

O'n oltilik raqamli RGB qiymatining formati - bu # belgisi, undan keyin darhol 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 #fff stenografiyasida oq #ffffff belgilanishini ta'minlaydi va displeyning rang chuqurligiga bog'liqliklarni olib tashlaydi.

Funktsional belgilarda RGB qiymatining formati rgb (keyin vergul bilan ajratilgan uchta raqamli qiymatlar ro'yxati (uchta butun qiymat yoki uch foizli qiymat), undan keyin 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 atrofida bo'shliq belgilariga ruxsat beriladi.