Veb-sahifalarni yaratish uchun standart til HTML yoki Gipermatnni belgilash tili. Veb-sahifalarni estetik jihatdan jozibador qilish uchun ranglardan foydalanish veb-dizaynning muhim qismidir. Rang kodlari ranglarni belgilash uchun ishlatilishi mumkin HTML.
Ranglarni belgilashning ikkita asosiy usuli mavjud HTML: oldindan belgilangan rang nomlaridan foydalanish va o'n oltilik rang kodlari.
World Wide Web Consortsium 140 ta rang nomlarini oldindan belgilangan rang nomlari (W3C) sifatida standartlashtirgan. Birinchidan, bu ranglar qizil, ko'k va yashil kabi asosiy ranglarni, shuningdek, lavanta va peru kabi maxsus ranglarni o'z ichiga oladi. Bundan tashqari, oldindan belgilangan rang nomlaridan foydalanish oddiy va tushunarli, chunki siz shunchaki rang nomini rang xususiyati uchun qiymat sifatida ishlatasiz. Masalan, veb-sahifaning fon rangini qizil qilish uchun quyidagi koddan foydalaning:
<body style="background-color:red;">
O'n oltilik rang kodlari
O'n oltilik rang kodlari yoki oltilik kodlari a olti xonali kod bu qizil, yashil va ko'k (RGB) ranglarning kombinatsiyasini bildiradi. “#” belgisidan keyin bu kodlarni ifodalash uchun uch juft ikki xonali o‘n oltilik butun sonlar keladi. Masalan, qizil rang kodi #FF0000. Olti burchakli kodlar oldindan o'rnatilgan rang nomlaridan ko'ra ko'proq moslashadi, chunki ular ranglarning keng doirasini, jumladan, soya va rangni o'zgartirishga imkon beradi. Veb-sahifaning fon rangini qizil rangga o'zgartirish uchun quyidagi hex kodidan foydalaning:
<body style="background-color:#FF0000;">
RGB
Rangdagi qizil, yashil va ko'k miqdorini aniqlash imkonini beruvchi RGB rang modeli HTMLda ranglarni ifodalashning yana bir usuli hisoblanadi. Har bir rang uchun RGB qiymatlari 0 dan 255 gacha o'zgarishi mumkin. Masalan, qizil rang muqobil ravishda RGB (255, 0, 0) sifatida ifodalanishi mumkin.
<body style="background-color:rgb(255, 0, 0);">
HTML rang kodlarining umumiy ko'rinishi
Quyida biz foydalanishingiz mumkin bo'lgan eng keng tarqalgan va kamroq tarqalgan HTML rang kodlarini tanladik Uslub sizning HTML file.
Rang nomi | Rang kodi |
---|---|
qora | #000000 |
oq rang | #FFFFFF |
qizil | #FF0000 |
yashil | # 00FF00 |
ko'k | # 0000FF |
sariq | # FFFF00 |
Cyan | # 00FFFF |
Qirmizi | # FF00FF |
kul rang | #808080 |
Ochiq kul rang | # D3D3D3 |
To'q kulrang | # A9A9A9 |
apelsin | # FFA500 |
pushti | # FFC0CB |
siyohrang | #800080 |
jigar rang | # A52A2A |
Rang nomi | Rang kodi |
---|---|
To'q turkuaz | # 00CED1 |
To'q binafsha | #9400D3 |
DeepPink | #FF1493 |
DeepSkyBlue | # 00BFFF |
DimGray | #696969 |
DodgerBlue | # 1E90FF |
FireBrick | #B22222 |
Gulli oq | # FFFAF0 |
Yashil o'rmon | # 228B22 |
Fuşya | # FF00FF |
Geynsboro | #DCDCDC |
GhostWhite | # F8F8FF |
oltin | # FFD700 |
Oltin tayoq | # DAA520 |
kul rang | #808080 |
yashil | #008000 |
GreenYellow | # ADFF2F |
Obinavot | # F0FFF0 |
HotPink | # FF69B4 |
Hind qizil | # CD5C5C |
Indigo | # 4B0082 |
fil suyagi | # FFFFF0 |
Khaki | # F0E68C |
Lavanda | # E6E6FA |
Lavanda qizarishi | # FFF0F5 |
Maysa yashil | # 7CFC00 |
LimonChiffon | #FFFACD |
Ochiq ko'k | # ADD8E6 |
LightCoral | #F08080 |
Yorug'lik | # E0FFFF |
Ochiq Oltin tayoqSariq | # FAFAD2 |
LightGray | # D3D3D3 |
Ochiq yashil | # 90EE90 |
Ochiq pushti | # FFB6C1 |
Yengil losos | # FFA07A |
Yengil dengiz yashil | # 20B2AA |
LightSkyBlue | # 87CEFA |
LightSlateGray | #778899 |
LightSteelBlue | # B0C4DE |
Ochiq sariq | # FFFFE0 |
Laym | # 00FF00 |
Ohak yashil | # 32CD32 |
Zig'irpoya | # FAF0E6 |
Rang nomi | Rang kodi |
---|---|
Qirmizi | # FF00FF |
Maroon | #800000 |
O'rta akvamarin | # 66CDAA |
Oʻrtacha koʻk | # 0000CD |
O'rta Orxideya | # BA55D3 |
O'rta binafsha | #9370DB |
O'rta dengiz yashil | # 3CB371 |
O'rtacha SlateBlue | # 7B68EE |
O'rta bahor yashil | # 00FA9A |
O'rta turkuaz | # 48D1CC |
O'rta binafsha qizil | #C71585 |
Midnight Blue | #191970 |
Yalpiz kremi | # F5FFFA |
MistyRose | # FFE4E1 |
Mokasin | # FFE4B5 |
NavajoOq | #FFDEAD |
Dengiz | #000080 |
OldLace | # FDF5E6 |
Olive | #808000 |
OliveDrab | # 6B8E23 |
apelsin | # FFA500 |
OrangeRed | #FF4500 |
Orchid | # DA70D6 |
PaleGoldenrod | # EEE8AA |
Ochiq yashil | # 98FB98 |
Rangli turkuaz | #AFEEEE |
Ochiq binafsha qizil | #DB7093 |
Papayya qamchi | # FFEFD5 |
Peach Puff | # FFDAB9 |
Peru | # CD853F |
pushti | # FFC0CB |
Olxo'ri | # DDA0DD |
Powder Blue | # B0E0E6 |
siyohrang | #800080 |
Rebekka Binafsha | #663399 |
qizil | #FF0000 |
Qizil jigarrang | # BC8F8F |
Royal Blue | # 4169E1 |
SaddleBrown | # 8B4513 |
Go'shti Qizil baliq | # FA8072 |
SandyBrown | # F4A460 |
Yashil dengiz | # 2E8B57 |
SeaShell | # FFF5EE |
Sienna | # A0522D |
kumush | # C0C0C0 |
Moviy osmon | # 87CEEB |
SlateBlue | # 6A5ACD |
Slate Grey | #708090 |
qor | #FFFAFA |
Yashil bahor | # 00FF7F |
SteelBlue | # 4682B4 |
oftobda qorayish | # D2B48C |
Teal | #008080 |
Thistle | # D8BFD8 |
Pomidor | #FF6347 |
Turkuaz | # 40E0D0 |
Violet | # EE82EE |
bug'doy | # F5DEB3 |
oq rang | #FFFFFF |
Oq tutun | # F5F5F5 |
sariq | # FFFF00 |
Sariq yashil | # 9ACD32 |
Shuni yodda tutingki, bu shunchaki a kichik namuna mavjud rang kodlari. kabi ilovalar yordamida yanada kengroq ranglar palitrasini yaratishingiz mumkin Adobe color, Paletton, va boshqalar.