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.
|
|
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.