Veb ranglari - Web colors

HTML
Taqqoslashlar

Veb ranglari bor ranglar ichida ishlatilgan veb-sahifalarni namoyish qilish ustida Butunjahon tarmog'i va ushbu ranglarni tavsiflash va belgilash usullari. Ranglar an deb belgilanishi mumkin RGB uchlik yoki o'n oltinchi format (a olti uchlik) yoki ba'zi hollarda ularning umumiy inglizcha ismlariga ko'ra. A rang vositasi yoki boshqa grafik dasturiy ta'minot ko'pincha rang qiymatlarini yaratish uchun ishlatiladi. Ba'zi hollarda, o'n oltinchi rang kodlari etakchidan foydalangan holda yozuv bilan belgilanadi raqam belgisi (#).[1][2] Rang qizil, yashil va ko'k komponentlarning intensivligiga qarab belgilanadi, ularning har biri sakkiztadan iborat bitlar. Shunday qilib, ichida veb-rangni belgilash uchun ishlatiladigan 24 bit mavjud sRGB gamut va shu bilan belgilanishi mumkin bo'lgan 16 777 216 rang.

SRGB gamutidan tashqaridagi ranglar belgilanishi mumkin Kaskadli jadvallar qizil, yashil va ko'k tarkibiy qismlarning bir yoki bir nechtasini manfiy yoki 100% dan katta qilish orqali rang maydoni nazariy jihatdan sRGB ning cheksiz ekstrapolyatsiyasidir. scRGB.[3] SRGB bo'lmagan rangni shu tarzda ko'rsatish uchun RGB () funktsiya chaqiruvi kerak; bu o'n oltilik sintaksis bilan mumkin emas (va shuning uchun merosda imkonsiz) HTML CSS-dan foydalanmaydigan hujjatlar).

Ning birinchi versiyalari Mozaik va Netscape Navigator ishlatilgan X11 rang nomlari ikkalasi ham boshlanganidek, ularning rang ro'yxatlari uchun asos sifatida X oyna tizimi Ilovalar.Veb ranglari aniq rang-barang rangga ega, sRGB bilan bog'liq bo'lgan xromatiklik xususan fosfor to'siq, berilgan uzatish egri chizig'i, moslashuvchan oq nuqta va ko'rish shartlari.[4] Ular ko'plab haqiqiy dunyoga o'xshash bo'lishi uchun tanlangan monitorlar va ko'rish shartlari, ko'rsatilmasdan ham belgilangan qiymatlarga etarlicha yaqin bo'lishiga imkon berish uchun ranglarni boshqarish. Foydalanuvchi agentlari belgilangan ranglarni aks ettiradigan sodiqlik bilan farq qiladi. Rivojlanishni yanada rivojlangan foydalanuvchi agentlari ranglarning aniqligini ta'minlash uchun ranglarni boshqarish usulidan foydalanadilar; bu ayniqsa muhimdir Internetdan bosib chiqarish ilovalar.

Olti burchakli uchlik

A olti uchlik olti xonali, uchbayt o'n oltinchi ichida ishlatiladigan raqam HTML, CSS, SVG va ranglarni namoyish qilish uchun boshqa hisoblash dasturlari. Baytlar rangning qizil, yashil va ko'k qismlarini aks ettiradi. Bitta bayt 00 dan FF oralig'idagi raqamni (o'n oltinchi tizimda) yoki 0 dan 255 gacha o'nli sanoq bilan ifodalaydi. Bu rang tarkibiy qismlarining har birining eng kam (0) dan eng yuqori (255) intensivligini anglatadi. Shunday qilib veb-ranglar 24-bitli RGB rang sxemasi. Olti burchakli uchlik quyidagi baynalish bo'yicha uch baytni o'n oltinchi belgida birlashtirish orqali hosil bo'ladi:

  • 1-bayt: qizil qiymat (qizil rang turi)
  • 2-bayt: yashil qiymat (yashil rang turi)
  • 3-bayt: ko'k qiymat (rang turi ko'k)

Masalan, qizil / yashil / ko'k qiymatlari o'nlik raqamlar bo'lgan rangni ko'rib chiqing: qizil = 36, yashil = 104, ko'k = 160 (kulrang-ko'k rang). O'nli raqamlar 36, 104 va 160 mos ravishda o'n oltinchi raqamlarga mos ravishda 24, 68 va A0. Olti burchakli uchlik, ushbu misolda 2468A0 oltita o'nlik raqamlarni birlashtirib olinadi.

Agar uchta rang qiymatidan birortasi o'n oltidan (16 kasr) dan kam bo'lsa, u uchlik har doim to'liq oltita raqamga ega bo'lishi uchun uni etakchi nol bilan ko'rsatish kerak. Masalan, 4, 8, 16 kasrli uchlik, 04, 08, 10 olti burchakli raqamlar bilan ifodalanadi va 040810 oltitali uchlikni hosil qiladi.

Ushbu tizim tomonidan taqdim etilishi mumkin bo'lgan ranglar soni 16 ga teng6 yoki 2563 yoki 224 = 16,777,216.

Shtrixli o'n oltinchi shakl

Qisqartirilgan, uchta (o'n oltinchi raqamli) raqam ishlatilgan.[5] Ushbu shaklni oltita raqamga kengaytirish har bir raqamni ikki baravar oshirish kabi oddiy: 09C quyidagicha ko'rsatilgandek 0099CC ga aylanadi. CSS misol:

.tredigit { rang: # 09C;    }.sixdigit   { rang: # 0099CC; } / * yuqoridagi rang * /

Ushbu stenografiya sxemasi palitrani 4,096 ranggacha qisqartiradi, bu 12-bit rangga teng bo'lib, oltita raqamli shakldan (16,777,216 rang) foydalanib, 24-bit rangdan farq qiladi. Ushbu cheklash ko'plab matnli hujjatlar uchun etarli.

RGB-ni o'n oltilikka aylantirish

Shuningdek qarang: Hexadecimal § konversiya

RGB qiymatlari odatda 0–255 oralig'ida beriladi; agar ular 0-1 oralig'ida bo'lsa, konvertatsiya qilishdan oldin qiymatlar 255 ga ko'paytiriladi. Ushbu raqam o'n oltitaga bo'linadi (butun songa bo'linish; qoldiqni hisobga olmaslik) birinchi o'n oltinchi raqamni beradi (0 dan F gacha, bu erda A dan F gacha bo'lgan harflar 10 dan 15 gacha raqamlarni anglatadi. o'n oltinchi batafsil ma'lumot uchun). Qolgan qismi ikkinchi o'n oltinchi raqamni beradi. Masalan, RGB qiymati 201 16 ta 12 ta guruhga bo'linadi, shuning uchun birinchi raqam C ga teng. To'qqizdan qolgan qismi o'n oltinchi raqamni beradi C9. Ushbu jarayon uchta rang qiymatining har biri uchun takrorlanadi.

Raqam bazalari orasidagi konversiya - bu kalkulyatorlarning odatiy xususiyati, shu jumladan qo'l modellari va zamonaviy kalkulyatorlar bilan ta'minlangan dasturiy ta'minot kalkulyatorlari operatsion tizimlar. Rang qiymatlarini konvertatsiya qilish uchun maxsus veb-vositalar ham mavjud.

HTML rang nomlari

Yaqinda W3C rang nomlarining xususiyatlarini bir-biridan ajratib turadi Asosiy va kengaytirilgan ranglar.[6]

Asosiy ranglar

Asosiy ranglar - belgilangan 16 rang HTML 1999 yilda tasdiqlangan 4.01 spetsifikatsiyasi,[7] quyidagicha (ushbu kontekstda nomlar katta-kichikligi aniqlangan):

CSS 1-2.0, HTML 3.2-4 va VGA rang nomlari
IsmOlti burchak
(RGB)		Qizil
(RGB)		Yashil
(RGB)		Moviy
(RGB)		Tus
(HSL / HSV)		Shanba.
(HSL)		Engil
(HSL)		Shanba.
(HSV)		Qiymat
(HSV)		CGA raqami (ism); taxallus
Oq#FFFFFF100%100%100%0°0%100%0%100%15 (oq)
Kumush# C0C0C075%75%75%0°0%75%0%75%07 (och kulrang)
Kulrang#80808050%50%50%0°0%50%0%50%08 (quyuq kulrang)
Qora#0000000%0%0%0°0%0%0%0%00 (qora)
Qizil# FF0000100%0%0%0°100%50%100%100%12 (baland qizil)
Maroon#80000050%0%0%0°100%25%100%50%04 (past qizil)
Sariq# FFFF00100%100%0%60°100%50%100%100%14 (sariq)
Zaytun#80800050%50%0%60°100%25%100%50%06 (jigarrang)
Laym# 00FF000%100%0%120°100%50%100%100%10 (baland yashil); yashil
Yashil#0080000%50%0%120°100%25%100%50%02 (past yashil)
Akva# 00FFFF0%100%100%180°100%50%100%100%11 (yuqori moviy); moviy
Choy#0080800%50%50%180°100%25%100%50%03 (past moviy)
Moviy# 0000FF0%0%100%240°100%50%100%100%09 (baland ko'k)
Dengiz kuchlari#0000800%0%50%240°100%25%100%50%01 (past ko'k)
Fuşya# FF00FF100%0%100%300°100%50%100%100%13 (baland qizil); magenta
Siyohrang#80008050%0%50%300°100%25%100%50%05 (past qizil)

Ushbu 16-lar sRGB deb nomlangan va HTML 3.0 spetsifikatsiyasiga kiritilgan bo'lib, ular "Windows bilan qo'llab-quvvatlanadigan standart 16 rang" ekanligini ta'kidlagan. VGA palitrasi. "[8]

Kengaytirilgan ranglar

X11 rang nomlarining SVG versiyasi

Kengaytirilgan ranglar HTML 4.01, CSS 2.0, SVG 1.0 va CSS3 foydalanuvchi interfeyslari (CSS3 UI) spetsifikatsiyalarini birlashtirish natijasidir.[6]

Bir qator ranglar bilan belgilanadi veb-brauzerlar. Muayyan brauzer ushbu ranglarning barchasini tanimasligi mumkin, ammo 2005 yildan boshlab barcha zamonaviy, umumiy ishlatiladigan grafik brauzerlar ranglarning to'liq ro'yxatini qo'llab-quvvatlaydi. Ushbu ranglarning aksariyati ro'yxatiga kiritilgan X11 rang nomlari bilan tarqatilgan X oyna tizimi. Ushbu ranglar standartlashtirildi SVG 1.0 va tomonidan qabul qilinadi SVG to'liq foydalanuvchi agentlari. Ular bir qismi emas SVG kichik.

X11 mahsuloti bilan birga yuborilgan ranglar ro'yxati, masalan, yashil kabi ba'zi HTML nomlari bilan to'qnashuvlar va to'qnashuvlar o'rtasida farq qiladi. X11 ranglari oddiy deb ta'riflanadi RGB (shuning uchun ma'lum bir rang maydoni yo'q), aksincha sRGB. Bu shuni anglatadiki, X11 da topilgan ranglar ro'yxati (masalan, /usr/lib/X11/rgb.txt) to'g'ridan-to'g'ri veb uchun ranglarni tanlashda ishlatilmasligi kerak.[9]

CSS3 spetsifikatsiyasidan "X11 ranglari" veb-ro'yxati, o'n oltinchi va o'nlik ekvivalentlari bilan birgalikda quyida keltirilgan. W3C standartlarida alfavit ro'yxatlarini solishtiring. Bunga umumiy sinonimlar kiradi: aqua (HTML4 / CSS 1.0 standart nomi) va cyan (umumiy sRGB nomi), magenta (umumiy sRGB nomi) va fuchsi (HTML4 / CSS 1.0 standart nomi), kulrang (HTML4 / CSS 1.0 standart nomi) va kulrang.[10][11]

HTML ismR G B
Olti burchakO'nli
Pushti ranglar
MediumVioletRedC7 15 85199  21 133
DeepPinkFF 14 93255  20 147
PaleVioletRedJB 70 93219 112 147
HotPinkFF 69 B4255 105 180
LightPinkFF B6 C1255 182 193
PushtiFF C0 CB255 192 203
Qizil ranglar
DarkRed8B 00 00139   0   0
QizilFF 00 00255   0   0
Olovli g'ishtB2 22 22178  34  34
Qip-qizilDC 14 3C220  20  60
IndianRedCD 5C 5C205  92  92
LightCoralF0 80 80240 128 128
Go'shti Qizil baliqFA 80 72250 128 114
DarkSalmonE9 96 7A233 150 122
LightSalmonFF A0 7A255 160 122
To'q rang
OrangeRedFF 45 00255  69   0
PomidorFF 63 47255  99  71
To'q to'q sariqFF 8C 00255 140   0
MarjonFF 7F 50255 127  80
apelsinFF A5 00255 165   0
Sariq ranglar
DarkXakiBD B7 6B189 183 107
OltinFF D7 00255 215   0
XakiF0 E6 8C240 230 140
ShaftoliFF DA B9255 218 185
SariqFF FF 00255 255   0
PaleGoldenrodEE E8 AA238 232 170
MokasinFF E4 B5255 228 181
PapayaWhipFF EF D5255 239 213
LightGoldenrodSariqFA FA D2250 250 210
LimonFF FA CD-si255 250 205
Och sariqFF FF E0255 255 224
Jigarrang ranglar
Maroon80 00 00128   0   0
jigarrangA5 2A 2A165  42  42
SaddleBrown8B 45 13139  69  19
SiennaA0 52 2D160  82  45
ShokoladD2 69 1E210 105  30
DarkGoldenrodB8 86 0B184 134  11
PeruCD 85 3F205 133  63
RosyBrownMiloddan avvalgi 8F 8F188 143 143
GoldenrodDA A5 20218 165  32
SandyBrownF4 A4 60244 164  96
TanD2 B4 8C210 180 140
BurlivudDE B8 87222 184 135
Bug'doyF5 DE B3245 222 179
Navajo OqFF DE AD255 222 173
BisqueFF E4 C4255 228 196
BlanchedAlmondFF EB CD255 235 205
Makkajo'xoriFF F8 DC255 248 220
HTML ismR G B
Olti burchakO'nli
Yashil ranglar
To'q yashil00 64 00  0 100   0
Yashil00 80 00  0 128   0
DarkOliveGreen55 6B 2F 85 107  47
ForestGreen22 8B 22 34 139  34
SeaGreen2E 8B 57 46 139  87
Zaytun80 80 00128 128   0
OliveDrab6B 8E 23107 142  35
MediumSeaGreen3C B3 71 60 179 113
LimeGreen32 CD 32 50 205  50
Laym00 FF 00  0 255   0
SpringGreen00 FF 7F  0 255 127
MediumSpringGreen00 FA 9A  0 250 154
DarkSeaGreenMiloddan avvalgi 8F 8F143 188 143
O'rta akvamarin66 CD AA102 205 170
Sariq yashil9A CD 32154 205  50
Maysa yashil7C FC 00124 252   0
Chartreuse7F FF 00127 255   0
LightGreen90 EE 90144 238 144
Yashil sariqAD FF 2F173 255  47
PaleGreen98 FB 98152 251 152
Moviy ranglar
Choy00 80 80  0 128 128
DarkCyan00 8B 8B  0 139 139
LightSeaGreen20 B2 AA 32 178 170
CadetBlue5F 9E A0 95 158 160
DarkTurquoise00 Idoralar D1  0 206 209
O'rta Turkuaz48 D1 CC 72 209 204
Turkuaz40 E0 D0 64 224 208
Akva00 FF FF  0 255 255
Moviy00 FF FF  0 255 255
Akuamarin7F FF D4127 255 212
PaleTurquoiseAF EE EE175 238 238
LightCyanE0 FF FF224 255 255
Moviy ranglar
Dengiz kuchlari00 00 80  0   0 128
DarkBlue00 00 8B  0   0 139
O'rta ko'k00 00 CD  0   0 205
Moviy00 00 FF  0   0 255
Yarim tunda Moviy19 19 70 25  25 112
RoyalBlue41 69 E1 65 105 225
SteelBlue46 82 B4 70 130 180
DodgerBlue1E 90 FF 30 144 255
DeepSkyBlue00 BF FF  0 191 255
Makkajo'xori ko'k64 95 ED100 149 237
Moviy osmon87-yilgi EB135 206 235
LightSkyBlue87-yilgi FA135 206 250
LightSteelBlueB0 C4 DE176 196 222
LightBlueAD D8 E6173 216 230
Kukun ko'kB0 E0 E6176 224 230
HTML ismR G B
Olti burchakO'nli
Binafsha, binafsha va qizil ranglar
Indigo4B 00 82 75   0 130
Siyohrang80 00 80128   0 128
DarkMagenta8B 00 8B139   0 139
DarkViolet94 00 D3148   0 211
DarkSlateBlue48 3D 8B 72  61 139
BlueViolet8A 2B E2138  43 226
DarkOrchid99 32 CC153  50 204
FuşyaFF 00 FF255   0 255
MagentaFF 00 FF255   0 255
Slate Blue6A 5A kompakt-disk106  90 205
MediumSlateBlue7B 68 EE123 104 238
O'rta asrBA 55 D3186  85 211
O'rta binafsha rang93 70 DB147 112 219
OrkideDA 70 D6218 112 214
binafshaEE 82 EE238 130 238
Olxo'riDD A0 DD221 160 221
Qushqo'nmasD8 BF D8216 191 216
LavandaE6 E6 FA230 230 250
Oq ranglar
MistyRoseFF E4 E1255 228 225
Antiqa OqFA EB D7250 235 215
Zig'ir matoFA F0 E6250 240 230
BejF5 F5 doimiy245 245 220
WhiteSmokeF5 F5 F5245 245 245
Lavanda ranglariFF F0 F5255 240 245
OldLaceFD F5 E6253 245 230
AliceBlueF0 F8 FF240 248 255
Dengiz qobig'iFF F5 EE255 245 238
GhostWhiteF8 F8 FF248 248 255
ObinavotF0 FF F0240 255 240
Gulli oqFF FA F0255 250 240
AzureF0 FF FF240 255 255
MintCreamF5 FF FA245 255 250
QorFA FA255 250 250
Fil suyagiFF FF F0255 255 240
OqFF FF FF255 255 255
Kulrang va qora ranglar
Qora00 00 00  0   0   0
DarkSlateGray2F 4F 4F 47  79  79
DimGray69 69 69105 105 105
SlateGray70 80 90112 128 144
Kulrang80 80 80128 128 128
LightSlateGray77 88 99119 136 153
DarkGrayA9 A9 A9169 169 169
KumushC0 C0 C0192 192 192
LightGrayD3 D3 D3211 211 211
GainsboroDC DC doimiy220 220 220

Internetda xavfsiz ranglar

Rang chuqurligi
Bog'liq

1990-yillarning o'rtalarida ko'plab displeylar faqat 256 rangni namoyish qilish imkoniyatiga ega edi.[12] Bular apparat tomonidan belgilanishi yoki "rangli jadval" tomonidan o'zgartirilishi mumkin. Agar mavjud bo'lmagan rang topilsa (masalan, rasmda), boshqasini ishlatish kerak edi. Buni eng yaqin rangdan foydalanish yoki foydalanish orqali amalga oshirish mumkin ditering.

"Standart" ranglar palitrasini yaratishga turli urinishlar bo'lgan. 256 rangli displeylarda o'zgarmasdan ko'rsatiladigan ranglar to'plami kerak edi; 216 raqami qisman tanlangan, chunki kompyuter operatsion tizimlari odatdagidek o'n oltidan yigirma ranggacha o'zlari foydalanishi mumkin edi; shuningdek, tanlangan, chunki u har biri 00 dan FF gacha (ikkala chegarani ham hisobga olgan holda) to'liq oltita teng masofada joylashgan qizil, yashil va ko'k ranglarni (6 × 6 × 6 = 216) beradi.

Ranglar ro'yxati go'yo ularni xiralashishga qarshi immunitetga ega bo'lgan maxsus xususiyatlarga ega kabi taqdim etiladi, ammo 256 rangli displeylarda dasturlar aslida tanlagan har qanday ranglarning palitrasini o'rnatishi mumkin, qolganlari esa. Ushbu ranglar maxsus tanlangan, chunki ular turli xil brauzer dasturlari tomonidan tanlangan palitralarga mos tushgan. Turli xil brauzerlarda ishlatilgan juda xilma-xil palitralar mavjud emas edi.[iqtibos kerak ]

"Veb-xavfsiz" ranglarda, masalan, tizimlarda nuqson bor edi X11 palitrasi dasturlar o'rtasida taqsimlanadigan bo'lsa, brauzerlar tomonidan kichikroq rangli kublar (5 × 5 × 5 yoki 4 × 4 × 4) ajratilgan - bunday tizimlarda "veb-xavfsiz" ranglar o'zgarishi mumkin. Rasmni ranglarning kattaroq diapazoni bilan ta'minlash va brauzerga ruxsat berish orqali turli xil natijalarga erishildi kvantlash agar kerak bo'lsa, rangli kosmik, ikki barobar kvantlashning sifatini yo'qotishdan ko'ra.

2000-yillarda shaxsiy kompyuterlarda 256 rangli displeylardan foydalanish 24-bit foydasiga keskin pasayib ketdi (TrueColor ) displeylar,[13] va "veb-xavfsiz" ranglardan foydalanish amaliy ravishda bekor qilindi.

"Internetda xavfsiz" ranglarning barchasi standart nomlarga ega emas, lekin ularning har biri an tomonidan belgilanishi mumkin RGB uchlik: har bir komponent (qizil, yashil va ko'k) quyidagi jadvaldan oltita qiymatdan birini oladi (har bir komponent uchun mavjud bo'lgan 256 qiymatdan to'liq 24-bit rangda).

Har bir rangning 6 ta soyasi
KalitOlti burchakO'nliFraksiya
00000
333510.2
6661020.4
9991530.6
C yoki (12)CC2040.8
F yoki (15)FF2551

Quyidagi jadvalda "veb-xavfsiz" ranglarning barchasi ko'rsatilgan. Internetda xavfsiz palitraning bir kamchiligi shundaki, u veb-sahifa fonlari uchun ochiq ranglarning kichik diapazonidir, ammo intervalning past qismidagi zichlik, masalan, eng qorong'i ikkita, bir-biriga o'xshash bo'lib, ularni farqlashni qiyinlashtiradi. "*" (Yulduzcha) yonidagi qiymatlar "haqiqatan ham xavfsiz palitrasi" ning bir qismidir; qarang Eng xavfsiz veb-ranglar, quyida.

Ranglar jadvali

216 veb-xavfsiz rang
*000*300600900C00* F00 *
*003*303603903C03* F03 *
006306606906C06F06
009309609909C09F09
00C30C60C90CC0CF0C
* 00F *30F60F90FC0F* F0F *
030330630930C30F30
033333633933C33F33
036336636936C36F36
039339639939C39F39
03C33C63C93CC3CF3C
03F33F63F93FC3FF3F
060360660960C60F60
063363663963C63F63
066366666966C66F66
069369669969C69F69
06C36C66C96CC6CF6C
06F36F66F96FC6FF6F
090390690990C90F90
093393693993C93F93
096396696996C96F96
099399699999C99F99
09C39C69C99CC9CF9C
09F39F69F99FC9FF9F
0C03C06C09C0CC0FC0
0C33C36C39C3CC3FC3
0C63C66C69C6CC6FC6
0C93C96C99C9CC9FC9
0CC3CC6CC9CCCCCFCC
0CF3CF6CF9CFCCFFCF
* 0F0 *3F0* 6F0 *9F0CF0* FF0 *
0F3* 3F3 ** 6F3 *9F3CF3* FF3 *
* 0F6 ** 3F6 *6F69F6* CF6 ** FF6 *
0F93F96F99F9CF9FF9
* 0FC ** 3FC *6FC9FCCFCFFC
* 0FF ** 3FF ** 6FF *9FFCFF* FFF *

keltirilgan har bir rang kodi RGB qiymati uchun stenografiya; masalan, 609 kodi RGB kodi 102-0-153 yoki HEX kodi # 660099 ga teng


Eng xavfsiz veb-ranglar

Dizaynerlarni veb-saytlarida ushbu 216 "veb-xavfsiz" rangga yopishib olish tavsiya qilindi, chunki 216 rang palitrasi ishlab chiqilganda 8 bitli rangli displeylar juda ko'p edi. Devid Leyn va Xadli Stern shuni aniqladiki, veb-xavfsiz palitrada 216 rangdan atigi 22 tasi mos kelmaydigan qayta joylashtirilmasdan ishonchli tarzda namoyish etiladi. 16-bitli kompyuter displeylari. Ular ushbu 22 rangni "ishonchli palitrasi" deb atashdi; quyidagi jadvalda ko'rinib turganidek, asosan yashil, sariq va ko'k ranglarning soyalaridan iborat.[14]

Eng xavfsiz veb-ranglar
0369CF
00*000** F00 *
03*003** F03 *
06
0C
0F* 00F ** F0F *
F0* 0F0 ** 6F0 ** FF0 *
F3* 3F3 ** 6F3 ** FF3 *
F6* 0F6 ** 3F6 ** CF6 ** FF6 *[15]
FK* 0FC ** 3FC *
FF* 0FF ** 3FF ** 6FF ** FFF *

CSS ranglari

The Kaskadli jadvallar spetsifikatsiya HTML 4 spetsifikatsiyasi bilan bir xil nomlangan ranglarni aniqlaydi, ya'ni 16 HTML ranglari va Netscape-dan 124 ta rang X11 rang Internet Explorer (IE) 3.0 va Netscape Navigator 3.0 tomonidan tan olingan jami 140 nomdagi ro'yxat.[16] Blooberry.com Opera 2.1 va Safari 1-da Netscape-ning kengaytirilgan 140 ta rang nomlari ro'yxatini o'z ichiga olganligini, ammo keyinchalik Windows 98-da Opera 3.5-ga qo'shilmagan 14 nomni topganligini ta'kidlamoqda.[17]

CSS 2.1-da, "to'q sariq" rang (140 dan biri) 17-rang sifatida 16 HTML4 ranglari bo'lgan qismga qo'shilgan.[18] CSS3.0 spetsifikatsiyasiga kiritilmagan apelsin "HTML4 rangli kalit so'zlar" bo'limida, "Asosiy rangli kalit so'zlar" deb o'zgartirildi.[19] Xuddi shu ma'lumotnomada "SVG rangli kalit so'zlar" bo'limi avval ishlangan qoralamada "X11 rangli kalit so'zlar" deb boshlanganidan keyin "kengaytirilgan rangli kalit so'zlar" deb o'zgartirildi.[20] CSS4 rangli moduli uchun ishchi loyiha Basic va Extended bo'limlarini oddiy "Nomlangan ranglar" bo'limida birlashtiradi.[21]

CSS 2.1-ga qo'shilgan rang
IsmOlti burchak
(RGB)		Qizil
(RGB)		Yashil
(RGB)		Moviy
(RGB)		Tus
(HSL / HSV)		Shanba.
(HSL)		Engil
(HSL)		Shanba.
(HSV)		Qiymat
(HSV)		Taxalluslar
apelsin# FFA500100%65%0%39°100%50%100%100%

CSS 2, SVG va CSS 2.1 veb-mualliflaridan foydalanishga ruxsat beradi tizim ranglari, bu qiymatlar -dan olingan rang nomlari operatsion tizim, operatsion tizimning ajratilgan matn rangini yoki asboblar uchini boshqarish uchun fon rangini tanlash. Bu veb-mualliflarga o'zlarining tarkiblarini foydalanuvchi agentining operatsion tizimiga mos ravishda shakllantirishga imkon beradi.[22] The CSS3 rangli modul mavjud eskirgan tizim ranglarini CSS3 UI System Appearance xususiyati foydasiga ishlatish,[23][24] o'zi CSS3-dan o'chirildi.[25]

Rivojlanayotgan CSS3 spetsifikatsiyasi ham taqdim etadi HSL rang maydoni uslublar jadvallari uchun qiymatlar:[26]

 / * RGB modeli * / p { rang: # F00 } / * #rgb * / p { rang: # FF0000 } / * #rrggbb * / p { rang: rgb(255, 0, 0) } / * butun son oralig'i 0 - 255 * / p { rang: rgb(100%, 0%, 0%) } / * suzuvchi diapazoni 0,0% - 100,0% * / / * CSS3-ga qo'shilgan alfa kanali bilan RGB * / p { rang: rgba(255, 0, 0, 0.5) } / * 0,5 xira, yarim shaffof * / / * HSL modeli, CSS3-ga qo'shilgan * / p { rang: hsl(0, 100%, 50%) } / * qizil * / p { rang: hsl(120, 100%, 50%) } / * yashil * / p { rang: hsl(120, 100%, 25%) } /* to'q yashil */ p { rang: hsl(120, 100%, 75%) } / * och yashil * / p { rang: hsl(120, 50%, 50%) } / * pastel yashil * / / * Alfa kanali bo'lgan HSL modeli * / p { rang: hsla(120, 100%, 50%, 1) } / * yashil * / p { rang: hsla(120, 100%, 50%, 0.5) } / * yarim shaffof yashil * / p { rang: hsla(120, 100%, 50%, 0.1) } / * juda shaffof yashil * /

2014 yil 21-iyun kuni CSS WG RebeccaPurple rangini muharrirning loyihasiga qo'shdi CSS4 Ranglar moduli, eslash uchun Erik Meyer 2014 yil 7-iyun kuni oltinchi tug'ilgan kunida vafot etgan qizi Rebekka.[27]

Rang CSS4 Colors modulida qo'shilgan
IsmOlti burchak
(RGB)		Qizil
(RGB)		Yashil
(RGB)		Moviy
(RGB)		Tus
(HSL / HSV)		Shanba.
(HSL)		Engil
(HSL)		Shanba.
(HSV)		Qiymat
(HSV)		Taxalluslar
Rebekka binafsha rang#66339940%20%60%270°50%40%67%60%

CSS shuningdek maxsus rangni qo'llab-quvvatlaydi shaffof, nolning alfa qiymatini ifodalovchi; avvalboshdan, shaffof ko'rinmas nominal qora sifatida ko'rsatiladi: rgba (0, 0, 0, 0).[21]

Kirish imkoniyati

Rang tanlash

Biroz brauzerlar va qurilmalar ranglarni qo'llab-quvvatlamaydi. Ushbu displeylar yoki ko'r-ko'rona va ko'r-ko'rona foydalanuvchilar uchun ranglarga qarab veb-kontent yaroqsiz yoki ulardan foydalanish qiyin bo'lishi mumkin.

Yoki hech qanday rang ko'rsatilmasligi kerak (brauzerning standart ranglarini chaqirish uchun), yoki ikkala fon va barcha oldingi ranglar (masalan, oddiy matn ranglari, chaqirilmagan havolalar, hovered havolalar, faol havolalar va tashrif buyurilgan havolalar). qora ustiga qora yoki oq ustiga oq effektlar.[28]

Rang kontrasti

The Veb-kontentga kirish bo'yicha ko'rsatmalar o'rtasida kamida 4,5: 1 kontrastli nisbatni tavsiya eting nisbiy nashrida matn va uning fon rangi[29] yoki katta matn uchun kamida 3: 1. Kengaytirilgan kirish uchun 7: 1 dan katta kontrastli stavkalar kerak.

Biroq, kirish imkoniyati muammolarini hal qilish shunchaki qarama-qarshilik koeffitsientini oshirish masalasi emas. Hisobot sifatida Internetga kirish uchun tashabbus bildiradi,[30] disleksik o'quvchilarga maksimal darajada past bo'lgan kontrastli stavkalar yaxshiroq xizmat qiladi. Oq rangdagi (0xFFFFE5) qora (0xFFFFE5) va qora (0x000000) krem ​​(0xFAFAC8) bo'yicha qarama-qarshi nisbatlar 11,7: 1 va 20,3: 1 ga teng. Boshqa rang juftliklari orasida to'q yashil (0xA0A000) jigarrang (0x282800) kontrast nisbati 3.24: 1 ga teng, bu esa WCAG Tavsiya, och yashil rangdagi (0xB9B900) to'q jigarrang (0x1E1E00) kontrast nisbati 4,54: 1, ko'k (0x00007D) sariq (0xFFFF00) esa 11,4: 1 kontrastli nisbatga ega. Hisobotda nomlangan ranglar bir xil nomdagi veb-ranglardan farqli rang qiymatlaridan foydalanganligiga e'tibor bering.

Shuningdek qarang

Adabiyotlar

  1. ^ Niderst Robbins, Jennifer (2006 yil fevral). "Qo'shimcha D: Rangni ko'rsatish". Qisqacha veb-dizayn. O'Rayli. p. 830. ISBN  978-0-596-00987-8.
  2. ^ York, Richard. CSS-ni boshlash, 71-72-betlar.
  3. ^ Pemberton, Stiven; Pettit, Bred (2011 yil 7-iyun). Chelik, Tantek; Lilli, Kris; Baron, L. Devid (tahr.). "CSS Color Module Level 3". W3C. 4.2.1-bo'lim. RGB rang qiymatlari.
  4. ^ Gaurav Sharma tomonidan raqamli rangli tasvirlash bo'yicha qo'llanma. ISBN  0-8493-0900-X
  5. ^ Pemberton, Stiven; Pettit, Bred (2011 yil 7-iyun). Chelik, Tantek; Lilli, Kris; Baron, L. Devid (tahr.). "4.2.1. RGB rang qiymatlari". CSS rang moduli 3-daraja. W3C. Olingan 19 mart 2013.
  6. ^ a b "CSS Color Module Level 3". W3c. Olingan 19 iyul 2020.
  7. ^ "HTML 4.01 spetsifikatsiyasi bo'limi 6.5" Ranglar"". W3.org. Olingan 8 iyul 2013.
  8. ^ "HTML 3.2 spetsifikatsiyasi" BODY elementi"". W3.org. Olingan 8 iyul 2013.
  9. ^ "SVG pochta jo'natmalari ro'yxati bo'yicha jamoat muhokamasi Re: SVG-1.0 dagi rang nomlari /usr/lib/X11/rgb.txt bilan zid keladi". Lists.w3.org. Olingan 8 iyul 2013.
  10. ^ Pemberton, Stiven; Pettit, Bred (2011 yil 7-iyun). Chelik, Tantek; Lilli, Kris; Baron, L. Devid (tahr.). "4.3. Kengaytirilgan rangli kalit so'zlar". CSS rang moduli 3-daraja. W3C. Olingan 19 mart 2013.
  11. ^ "W3C TR SVG 1.0, taniqli rangli kalit so'zlar nomlari". W3.org. 2011 yil 16-avgust. Olingan 1 fevral 2019.
  12. ^ Jenkins, Syu (2012 yil 27-dekabr). Dummies uchun veb-dizayn "All-in-one". John Wiley & Sons. ISBN  9781118404119.
  13. ^ "Brauzerni ko'rsatish statistikasi". W3schools.com. Olingan 8 iyul 2013.
  14. ^ "Veb-xafta rang palitrasi o'limi?". Fizika.ohio-state.edu. Olingan 8 iyul 2013.
  15. ^ "Veb-rang ma'lumotnomasi - HTML bilan uslub | 4 | WebReference". www.webreference.com. Olingan 5 yanvar 2016.
  16. ^ "X11 rang to'plami". Olingan 6 iyul 2014.
  17. ^ Brayan Uilson. "HTML va CSS-dagi ranglar". Olingan 6 iyul 2014.
  18. ^ "CSS 2.1 spetsifikatsiyasi: sintaksis va asosiy ma'lumotlar turlari: ranglar". 2009 yil 8 sentyabr. Olingan 21 dekabr 2009.
  19. ^ "CSS Color Module 3-daraja - Tavsiya etilgan tavsiya - 11. O'zgarishlar". 2010 yil 28 oktyabr. Olingan 6 iyul 2014.
  20. ^ "3-darajali CSS rang moduli - ishchi loyiha". 2002 yil 18 aprel. Olingan 6 iyul 2014.
  21. ^ a b CSS rangli modulining 4-darajasi - muharriri loyihasi, 26 iyun 2014 yil
  22. ^ "Foydalanuvchi interfeysi - tizim ranglari". W3.org. Olingan 8 iyul 2013.
  23. ^ Pemberton, Stiven; Pettit, Bred (2011 yil 7-iyun). Chelik, Tantek; Lilli, Kris; Baron, L. Devid (tahr.). "4.5.1. CSS2 tizim ranglari". CSS rang moduli 3-daraja. W3C. Olingan 19 mart 2013.
  24. ^ "CSS3 asosiy foydalanuvchi interfeysi moduli, W3C nomzodining tavsiyasi 2004 yil 11 may: tizim ko'rinishi". W3.org. Olingan 8 iyul 2013.
  25. ^ Chelik, Tantek, ed. (2012 yil 17-yanvar). "Muhim o'zgarishlar ro'yxati". CSS asosiy foydalanuvchi interfeysi moduli 3-daraja. W3C. Olingan 19 mart 2013. Tizim ko'rinishi o'chirildi, shu jumladan tashqi ko'rinish qiymatlari va xususiyat va tizim shriftlari / "shrift" stsenariysi kengaytmasi.
  26. ^ Pemberton, Stiven; Pettit, Bred (2011 yil 7-iyun). Chelik, Tantek; Lilli, Kris; Baron, L. Devid (tahr.). "4.2.4. HSL rang qiymatlari". CSS rang moduli 3-daraja. W3C. Olingan 19 mart 2013.
  27. ^ Glazman, Daniel (2014 yil 21-iyun). "Re: [CfC] CSS Color Level 4-ga" rebeccapurple "qo'shmoqda". Www-uslubidagi pochta ro'yxatiga yuboring. W3C. Olingan 24 iyun 2014.
  28. ^ "Agar bitta rang tanlasangiz, barchasini tanlang". W3.org. Olingan 8 iyul 2013.
  29. ^ WCAG 2.0 ko'rsatmasi 1.4
  30. ^ Disleksiyaga chalingan odamlar uchun o'qishni yaxshilash uchun maqbul ranglar

Tashqi havolalar