رنگ های Web-safe
در قدیم، کامپیوترها تنها قادر بودند تا تنها 256 رنگ را نمایش دهند. این محدودیت، ناشی از محدودیت های سخت افزاری بود که منجر به استفاده از جدول رنگ، برای نمایش رنگ ها شده بود. وقتی رنگی پیدا می شد (مثلا در یک عکس) که در جدول موجود نبود، رنگ دیگری به جای آن استفاده می شد. رنگ استفاده شده، می توانست نزدیکترین رنگی باشد که به آن رنگ شبیه است (روشی سریع) یا تنالیته ای از آن باشد (روشی کند با کیفیتی بهتر).
تعداد رنگ های Web-Safe
روش های زیادی برای ساخت استانداردی در پالت رنگ ها صورت گرفته است. مجموعه ای از 256 رنگ قابل نمایش نیاز به انتخاب شدن داشتند ولی در نهایت تعداد آنها 216 انتخاب شد چرا که سیستم عامل ها، 16 تا 20 رنگ را برای استفاده های خود در نظر گرفته بودند. همچنین دلیل انتخاب 216 رنگ می توانست این باشد که رنگ ها به 6 گروه با فاصله مساوی بر روی طیف رنگ های قرمز، سبز، و آبی، تقسیم می شدند (6x6x6=216)، هر کدام در محدوده بین 0 تا FF (شامل خود 0 و FF).
لیست رنگ ها غالبا به گونه ای نمایش داده می شدند که در هنگام رندرینگ، نیازی به رنگ های میانی دیگر نباشد. در حقیقت، پالت رنگی که در برنامه های مختلف از آن استفاده می شد، می توانست به طور دلخواه مجموعه ای 256 رنگی، از هر رنگی باشد. از پالت رنگ استاندارد، بعدها در مرورگرهای اولیه نیز استفاده شد و خوشبختانه پالت های رنگ در مرورگرهای مختلف، تفاوت عمده ای با یکدیگر نداشتند (برخلاف موارد دیگر مرورگرها).
محدودیت های رنگ های Web-Safe
رنگ های Web-safe، نقصی که داشتند آن بود که در سیستم های X11، پالت رنگ بین برنامه های مختلف به اشتراک گذاشته می شد. در نتیجه، مکعب کوچکتری از رنگ ها (شامل 5x5x5 رنگ یا 4x4x4 رنگ) اغلب برای مرورگرها تخصیص داده می شد. بنابراین، رنگ های "Web-safe"، عملا در برخی از سیستم ها، بر روی آنها تبدیل رنگ صورت می گرفت. با ارائه تصویری با محدوده رنگ بزرگتر، و اجازه دادن به مرورگر برای گسسته سازی رنگ ها در صورت لزوم، نتایج بهتری حاصل شد.
رنگ های امروزی
امروزه، کامپیوترهای شخصی نوعا دارای محدوده رنگ 24 بیتی (رنگ حقیقی) می باشند و استفاده از رنگ های "web-safe"، امری مرسوم نمی باشد. حتی تلفن های همراه نیز حداقل 16 بیت رنگ دارند که با قرار دهی دوربین های عکاسی و فیلمبرداری روی آنها، چنین کیفیت هایی به دست آمده است.
رنگ های "web-safe"، اسامی استانداردی ندارند ولی هرکدام از آنها، می توانند با کدهای RGB نمایش داده شوند: هر جزء از آنها (قرمز، سبز و آبی)، یکی از 6 مقدار ممکن را از جدول زیر می گیرد (از 256 مقدار ممکن برای هر جزء در حالت رنگ 24 بیتی).
6 پرده ممکن از هر رنگ Web-safe
| Key | Hex | Decimal | Fraction |
| 0 | 00 | 0 | 0 |
| 3 | 33 | 51 | 0.2 |
| 6 | 66 | 102 | 0.4 |
| 9 | 99 | 153 | 0.6 |
| C یا 12 | CC | 204 | 0.8 |
| F یا 15 | FF | 255 | 1 |
یکی از نقص های پالت "Web-safe"، ضعف انتخاب در انتخاب رنگ های روشن برای پیش زمینه است. در این پالت رنگ، شدت رنگ ها، جایی که رنگ های تیره قرار گرفته اند، به ندرت قابل تشخیص از هم می باشد.
چارت رنگ های ایمن برای وب (Web Safe)
رنگ‌های ایمن وب از ترکیب مقادیر هگز قرمز، سبز و آبی (RGB) 0,33H,66H,99H,CCH,FFH تشکیل می‌شوند. که در مجموع 6*6*6=216 رنگ را تشکیل می دهند. قبلا مرورگرها از نمایش بیش از 256 پالت رنگ به طور همزمان پشتیبانی نمی کردند. با مرورگرهای اینترنتی جدید نیازی به استفاده از این رنگ ها نیست.
پالت رنگ Web Safe
| Color | Hex code
#RRGGBB | Decimal code
(R,G,B) | HTML / CSS color name |
|---|---|---|---|
| #000000 | rgb(0,0,0) | black | |
| #000033 | rgb(0,0,51) | ||
| #000066 | rgb(0,0,102) | ||
| #000099 | rgb(0,0,153) | ||
| #0000CC | rgb(0,0,204) | ||
| #0000FF | rgb(0,0,255) | blue | |
| #003300 | rgb(0,51,0) | ||
| #003333 | rgb(0,51,51) | ||
| #003366 | rgb(0,51,102) | ||
| #003399 | rgb(0,51,153) | ||
| #0033CC | rgb(0,51,204) | ||
| #0033FF | rgb(0,51,255) | ||
| #006600 | rgb(0,102,0) | ||
| #006633 | rgb(0,102,51) | ||
| #006666 | rgb(0,102,102) | ||
| #006699 | rgb(0,102,153) | ||
| #0066CC | rgb(0,102,204) | ||
| #0066FF | rgb(0,102,255) | ||
| #009900 | rgb(0,153,0) | ||
| #009933 | rgb(0,153,51) | ||
| #009966 | rgb(0,153,102) | ||
| #009999 | rgb(0,153,153) | ||
| #0099CC | rgb(0,153,204) | ||
| #0099FF | rgb(0,153,255) | ||
| #00CC00 | rgb(0,204,0) | ||
| #00CC33 | rgb(0,204,51) | ||
| #00CC66 | rgb(0,204,102) | ||
| #00CC99 | rgb(0,204,153) | ||
| #00CCCC | rgb(0,204,204) | ||
| #00CCFF | rgb(0,204,255) | ||
| #00FF00 | rgb(0,255,0) | lime | |
| #00FF33 | rgb(0,255,51) | ||
| #00FF66 | rgb(0,255,102) | ||
| #00FF99 | rgb(0,255,153) | ||
| #00FFCC | rgb(0,255,204) | ||
| #00FFFF | rgb(0,255,255) | cyan / aqua | |
| #330000 | rgb(51,0,0) | ||
| #330033 | rgb(51,0,51) | ||
| #330066 | rgb(51,0,102) | ||
| #330099 | rgb(51,0,153) | ||
| #3300CC | rgb(51,0,204) | ||
| #3300FF | rgb(51,0,255) | ||
| #333300 | rgb(51,51,0) | ||
| #333333 | rgb(51,51,51) | ||
| #333366 | rgb(51,51,102) | ||
| #333399 | rgb(51,51,153) | ||
| #3333CC | rgb(51,51,204) | ||
| #3333FF | rgb(51,51,255) | ||
| #336600 | rgb(51,102,0) | ||
| #336633 | rgb(51,102,51) | ||
| #336666 | rgb(51,102,102) | ||
| #336699 | rgb(51,102,153) | ||
| #3366CC | rgb(51,102,204) | ||
| #3366FF | rgb(51,102,255) | ||
| #339900 | rgb(51,153,0) | ||
| #339933 | rgb(51,153,51) | ||
| #339966 | rgb(51,153,102) | ||
| #339999 | rgb(51,153,153) | ||
| #3399CC | rgb(51,153,204) | ||
| #3399FF | rgb(51,153,255) | ||
| #33CC00 | rgb(51,204,0) | ||
| #33CC33 | rgb(51,204,51) | ||
| #33CC66 | rgb(51,204,102) | ||
| #33CC99 | rgb(51,204,153) | ||
| #33CCCC | rgb(51,204,204) | ||
| #33CCFF | rgb(51,204,255) | ||
| #33FF00 | rgb(51,255,0) | ||
| #33FF33 | rgb(51,255,51) | ||
| #33FF66 | rgb(51,255,102) | ||
| #33FF99 | rgb(51,255,153) | ||
| #33FFCC | rgb(51,255,204) | ||
| #33FFFF | rgb(51,255,255) | ||
| #660000 | rgb(102,0,0) | ||
| #660033 | rgb(102,0,51) | ||
| #660066 | rgb(102,0,102) | ||
| #660099 | rgb(102,0,153) | ||
| #6600CC | rgb(102,0,204) | ||
| #6600FF | rgb(102,0,255) | ||
| #663300 | rgb(102,51,0) | ||
| #663333 | rgb(102,51,51) | ||
| #663366 | rgb(102,51,102) | ||
| #663399 | rgb(102,51,153) | ||
| #6633CC | rgb(102,51,204) | ||
| #6633FF | rgb(102,51,255) | ||
| #666600 | rgb(102,102,0) | ||
| #666633 | rgb(102,102,51) | ||
| #666666 | rgb(102,102,102) | ||
| #666699 | rgb(102,102,153) | ||
| #6666CC | rgb(102,102,204) | ||
| #6666FF | rgb(102,102,255) | ||
| #669900 | rgb(102,153,0) | ||
| #669933 | rgb(102,153,51) | ||
| #669966 | rgb(102,153,102) | ||
| #669999 | rgb(102,153,153) | ||
| #6699CC | rgb(102,153,204) | ||
| #6699FF | rgb(102,153,255) | ||
| #66CC00 | rgb(102,204,0) | ||
| #66CC33 | rgb(102,204,51) | ||
| #66CC66 | rgb(102,204,102) | ||
| #66CC99 | rgb(102,204,153) | ||
| #66CCCC | rgb(102,204,204) | ||
| #66CCFF | rgb(102,204,255) | ||
| #66FF00 | rgb(102,255,0) | ||
| #66FF33 | rgb(102,255,51) | ||
| #66FF66 | rgb(102,255,102) | ||
| #66FF99 | rgb(102,255,153) | ||
| #66FFCC | rgb(102,255,204) | ||
| #66FFFF | rgb(102,255,255) | ||
| #990000 | rgb(153,0,0) | ||
| #990033 | rgb(153,0,51) | ||
| #990066 | rgb(153,0,102) | ||
| #990099 | rgb(153,0,153) | ||
| #9900CC | rgb(153,0,204) | ||
| #9900FF | rgb(153,0,255) | ||
| #993300 | rgb(153,51,0) | ||
| #993333 | rgb(153,51,51) | ||
| #993366 | rgb(153,51,102) | ||
| #993399 | rgb(153,51,153) | ||
| #9933CC | rgb(153,51,204) | ||
| #9933FF | rgb(153,51,255) | ||
| #996600 | rgb(153,102,0) | ||
| #996633 | rgb(153,102,51) | ||
| #996666 | rgb(153,102,102) | ||
| #996699 | rgb(153,102,153) | ||
| #9966CC | rgb(153,102,204) | ||
| #9966FF | rgb(153,102,255) | ||
| #999900 | rgb(153,153,0) | ||
| #999933 | rgb(153,153,51) | ||
| #999966 | rgb(153,153,102) | ||
| #999999 | rgb(153,153,153) | ||
| #9999CC | rgb(153,153,204) | ||
| #9999FF | rgb(153,153,255) | ||
| #99CC00 | rgb(153,204,0) | ||
| #99CC33 | rgb(153,204,51) | ||
| #99CC66 | rgb(153,204,102) | ||
| #99CC99 | rgb(153,204,153) | ||
| #99CCCC | rgb(153,204,204) | ||
| #99CCFF | rgb(153,204,255) | ||
| #99FF00 | rgb(153,255,0) | ||
| #99FF33 | rgb(153,255,51) | ||
| #99FF66 | rgb(153,255,102) | ||
| #99FF99 | rgb(153,255,153) | ||
| #99FFCC | rgb(153,255,204) | ||
| #99FFFF | rgb(153,255,255) | ||
| #CC0000 | rgb(204,0,0) | ||
| #CC0033 | rgb(204,0,51) | ||
| #CC0066 | rgb(204,0,102) | ||
| #CC0099 | rgb(204,0,153) | ||
| #CC00CC | rgb(204,0,204) | ||
| #CC00FF | rgb(204,0,255) | ||
| #CC3300 | rgb(204,51,0) | ||
| #CC3333 | rgb(204,51,51) | ||
| #CC3366 | rgb(204,51,102) | ||
| #CC3399 | rgb(204,51,153) | ||
| #CC33CC | rgb(204,51,204) | ||
| #CC33FF | rgb(204,51,255) | ||
| #CC6600 | rgb(204,102,0) | ||
| #CC6633 | rgb(204,102,51) | ||
| #CC6666 | rgb(204,102,102) | ||
| #CC6699 | rgb(204,102,153) | ||
| #CC66CC | rgb(204,102,204) | ||
| #CC66FF | rgb(204,102,255) | ||
| #CC9900 | rgb(204,153,0) | ||
| #CC9933 | rgb(204,153,51) | ||
| #CC9966 | rgb(204,153,102) | ||
| #CC9999 | rgb(204,153,153) | ||
| #CC99CC | rgb(204,153,204) | ||
| #CC99FF | rgb(204,153,255) | ||
| #CCCC00 | rgb(204,204,0) | ||
| #CCCC33 | rgb(204,204,51) | ||
| #CCCC66 | rgb(204,204,102) | ||
| #CCCC99 | rgb(204,204,153) | ||
| #CCCCCC | rgb(204,204,204) | ||
| #CCCCFF | rgb(204,204,255) | ||
| #CCFF00 | rgb(204,255,0) | ||
| #CCFF33 | rgb(204,255,51) | ||
| #CCFF66 | rgb(204,255,102) | ||
| #CCFF99 | rgb(204,255,153) | ||
| #CCFFCC | rgb(204,255,204) | ||
| #CCFFFF | rgb(204,255,255) | ||
| #FF0000 | rgb(255,0,0) | red | |
| #FF0033 | rgb(255,0,51) | ||
| #FF0066 | rgb(255,0,102) | ||
| #FF0099 | rgb(255,0,153) | ||
| #FF00CC | rgb(255,0,204) | ||
| #FF00FF | rgb(255,0,255) | fuchsia / magenta | |
| #FF3300 | rgb(255,51,0) | ||
| #FF3333 | rgb(255,51,51) | ||
| #FF3366 | rgb(255,51,102) | ||
| #FF3399 | rgb(255,51,153) | ||
| #FF33CC | rgb(255,51,204) | ||
| #FF33FF | rgb(255,51,255) | ||
| #FF6600 | rgb(255,102,0) | ||
| #FF6633 | rgb(255,102,51) | ||
| #FF6666 | rgb(255,102,102) | ||
| #FF6699 | rgb(255,102,153) | ||
| #FF66CC | rgb(255,102,204) | ||
| #FF66FF | rgb(255,102,255) | ||
| #FF9900 | rgb(255,153,0) | ||
| #FF9933 | rgb(255,153,51) | ||
| #FF9966 | rgb(255,153,102) | ||
| #FF9999 | rgb(255,153,153) | ||
| #FF99CC | rgb(255,153,204) | ||
| #FF99FF | rgb(255,153,255) | ||
| #FFCC00 | rgb(255,204,0) | ||
| #FFCC33 | rgb(255,204,51) | ||
| #FFCC66 | rgb(255,204,102) | ||
| #FFCC99 | rgb(255,204,153) | ||
| #FFCCCC | rgb(255,204,204) | ||
| #FFCCFF | rgb(255,204,255) | ||
| #FFFF00 | rgb(255,255,0) | yellow | |
| #FFFF33 | rgb(255,255,51) | ||
| #FFFF66 | rgb(255,255,102) | ||
| #FFFF99 | rgb(255,255,153) | ||
| #FFFFCC | rgb(255,255,204) | ||
| #FFFFFF | rgb(255,255,255) | white |
مقالات دیگر ما را نیز بخوانید:
