رنگ‌های وب

سازندگان صفحات وب امکان بهره‌گیری از طیف گسترده‌ای از رنگ‌ها را دارند. این رنگ‌ها معمولاً به عنوان یک سه‌گانه سرخ-سبز-آبی (RGB triplet) در یک قالب شانزده‌شانزدهی تعریف می‌شوند.York, Richard. Beginning CSS, pp. 71–72. گاه از نام خود رنگ‌ها هم در فرمول‌نویسی استفاده می‌شود.CSS Color Module Level 3 W3C Recommendation 2011

رنگ‌های استفاده شده در طراحی صفحات وب و کدهای آن‌ها:

 رنگ‌های اچ‌تی‌ام‌ال 
اتحادیه وب جهان‌گستر بین نام رنگ های پایه و توسعه یافته تمایز قائل می شود. در اچ‌تی‌ام‌ال و اکس‌اچ‌تی‌ام‌ال، رنگ‌ها را می‌توان برای متن، رنگ پس‌زمینه، حاشیه‌های قاب، جداول و تک تک سلول‌های جدول استفاده کرد.

رنگ های اصلی 16 رنگ تعریف شده در مشخصات HTML 4.01 هستند که در سال 1999 تصویب شده است.
رنگپایه ۱۶رنگScalable Vector Graphics Color Names 2015پایه ۱۶رنگپایه ۱۶رنگپایه ۱۶فیروزه ای#00ffffسیاه#000000آبی#0000ffسرخابی روشن#ff00ffخاکستری#808080سبز#008000مغزپسته‌ای#00ff00آلبالویی#800000سرمه‌ای#000080زیتونی#808000بنفش#800080قرمز#d33نقره‌ای#c8ccd1سبز دودی#008080سفید#ffffffزرد#ffff00

 رنگ‌های ایکس۱۱ 
در محاسبات ، در سامانه پنجره اکس ، نام رنگ های X11 در یک فایل متنی ساده نشان داده می شود که رشته های خاصی را به مقادیر مدل رنگی آرجی‌بی نگاشت می کند. به طور سنتی با هر نصب سامانه پنجره اکس ارسال می‌شد، از این رو نام آن برمی‌گردد و معمولاً در < X11root > /lib/X11/rgb.txt قرار دارد. لیست رنگ های وب از آن گرفته شده است، اما برای نام رنگ های خاص متفاوت است.

 نحوه محاسبه رنگ 
در قانون کد گذاری رنگ‌های اچ‌تی‌ام‌ال رنگ‌ها به ۳ صورت قرمز،سبز،آبی که معادل مخفف آن RGB می‌شود، تقسیم می‌شوند، که بازهٔ از ۰ تا ۲۵۵ است.X11 Color Names  HTML Portal 2016 چون به دلیل طولانی شدن نوشتار، کد رنگ را به هگزادسیمال تبدیل می‌کنند. که باز آن از ۰ تا F می‌شود، معادل ۰ تا ۱۶. که در نتیجه F × F استفاده می‌شود. # 
نام فارسیکد پایه ۱۶ در مدل سرخ‌سبزآبینمونه رنگقرمزهاجگری 5C5CCDبژ تیره 8080F0حناییِ روشن7280FAقهوه‌ایِ حنایی 7A96E9کرم نارنجی 7AA0FFقرمز 0000FFزرشکی 3C14DCشرابی 2222B2عنابی تند 00008Bصورتی‌هاصورتی CBC0FFصورتی پررنگ C1B6FFشرابی روشن 9370DBسرخابی B469FFشفقی 9314FFارغوانی8515C7نارنجی‌هانارنجی کرم 7AA0FFنارنجی 00A5FFنارنجی سیر 008CFFنارنجی پررنگ 507FFFقرمز گوجه‌ای 4763FFقرمز-نارنجی 0045FFزردهاشیری E0FFFFشیرشکری CDFAFFلیمویی روشنD2FAFAهلویی روشن D5EFFFهلویی B5E4FFهلویی پررنگ B9DAFFنخودی AAE8EEخاکی 83E6F0زرد 00FFFFکهربایی باز 00D7FFماشی 6BB7BDسبزهامغزپسته‌ای 2FFFADسبز روشن 00FF7Fمغزپسته‌ای پررنگ 00FC7Cمغزپسته‌ای 00FF00سبز کمرنگ 98FB98سبز کدر 90EE90یشمی سیر9AFA00یشمی کمرنگ 7FFF00سبز لجنی 32CD9Aسبز چمنی 32CD32خزه‌ای 71B33Cخزه‌ای پررنگ 578B2Eشویدی 228B22سبز 008000سبز ارتشی 238E6Bزیتونی 008080زیتونی سیر 2F6B55سبز آووکادو 006400سبز دریاییAACD66سبز دریایی تیره8FBC8Fسبز کبریتی روشن AAB220سبز کبریتی تیره 8B8B00سبز دودی 808000آبی‌هافیروزه‌ای FFFF00آبی آسمانی FFFFE0فیروزه‌ای کدر EEEEAFفیروزه‌ای FFFF00یشمی D4FF7Fسبز دریایی روشن D0E040فیروزه‌ای تیره CCD148فیروزه‌ای سیرD1CE00آبی کبریتی روشن E6E0B0بنفش مایل به آبی DEC4B0آبی کبریتی E6D8ADآبی آسمانی سیر EBCE87آبی روشنFACE87آبی کمرنگ FFBF00آبی کدرED9564نیلی متالیک B48246آبی لجنی A09E5Fآبی متالیک روشنEE687Bنیلی FF901Eفیروزه‌ای فسفری E16941آبی FF0000آبی سیر CD0000سرمه‌ای 8B0000لاجوردی 800000آبی نفتی 701919بنفش‌هانیلی کمرنگ FAE6E6بادمجانی روشن D8BFD8بنفش کدر DDA0DDبنفش روشن EE82EEسرخابی روشن FF00FFسرخابی روشنFF00FFارکیده D670DAارکیده سیر D355BAآبی بنفش DB7093آبی فولادی CD5A6Aآبی-بنفش سیر E22B8Aبنفش باز D30094ارکیده بنفش CC3299مخملی 8B008Bبنفش 800080آبی دودی 8B3D48نیلی سیر 82004Bقهوه‌ای‌هاکاهی DCF8FFکاهگلی CDEBFFکرم C4E4FFکرم سیر ADDEFFگندمی BCDEF5خاکی 87B8DEبرنزه کدر 8CB4D2بادمجانی 8F8FBCهلویی سیر 60A4F4خردلی 20A5DAماشی سیر 0B86B8بادامی سیر 3F85CDعسلی پررنگ 1E69D2کاکائویی 13458Bقهوه‌ای متوسط 2D52A0قهوه‌ای 2A2AA5آلبالویی 000080سفیدهاسفید FFFFFFصورتی محو FAFAFFیشمی محو F0FFF0سفید نعنائی FAFFF5آبی محو FFFFF0نیلی محو FFF8F0سفید بنفشه FFF8F8خاکستری محو F5F5F5بژ باز EEF5FFهِلی DCF5F5بژ روشن E6F5FDپوست پیازی F0FAFFاستخوانی F0FFFFبژ تیره D7EBFAکتانی E6F0FAصورتی مات F5F0FFبژ E1E4FFخاکستری‌هاخاکستری مات DCDCDCنقره‌ای D3D3D3توسی C0C0C0خاکستری سیر A9A9A9خاکستری 808080دودی 696969سربی 998877سربی تیره 908070لجنی تیره 4F4F2Fسیاه 000000

 رنگ‌های وب-امن 
در اواسط دهه 1990، بسیاری از نمایشگرها تنها قادر به نمایش 256 رنگ بودند، که توسط سخت افزار دیکته شده بود یا توسط یک "جدول رنگ" قابل تغییر بودند. وقتی رنگی یافت شد (مثلاً در یک تصویر) که در دسترس نبود، باید از رنگ دیگری استفاده می شد. این کار با استفاده از نزدیکترین رنگ یا با استفاده از dithering انجام شد.

تلاش های مختلفی برای ایجاد یک پالت رنگ "استاندارد" وجود داشت. مجموعه‌ای از رنگ‌ها مورد نیاز بود که می‌توانستند بدون تغییر روی نمایشگرهای 256 رنگ نشان داده شوند. شماره 216 تا حدودی به این دلیل انتخاب شد که سیستم عامل های کامپیوتری معمولاً 16 تا 20 رنگ را برای استفاده خود رزرو می کردند. همچنین به این دلیل انتخاب شد که دقیقاً شش رنگ قرمز، سبز و آبی با فاصله مساوی (6 × 6 × 6 = 216)، هر کدام از 00 تا FF (شامل هر دو حد) مجاز بود.

در طول دهه 2000، استفاده از نمایشگرهای 256 رنگ در رایانه های شخصی به شدت به نفع نمایشگرهای 24 بیتی (TrueColor) کاهش یافت، و استفاده از رنگ های «ایمن برای وب» در عمل از کار افتاد.

رنگ‌های وب-امن همه نام‌های استاندارد ندارند، اما هر کدام را می‌توان با یک سه‌گانه RGB مشخص کرد: هر جزء (قرمز، سبز و آبی) یکی از شش مقدار جدول زیر را می‌گیرد (از 256 مقدار ممکن). مقادیر موجود برای هر جزء در رنگ کامل 24 بیتی.
+ ۶ سایه‌های هر رنگ رقم پایه ۱۶ دهدهی ۰ ۰۰ ۰ ۳ ۳۳ ۵۱ ۶ ۶۶ ۱۰۲ ۹ ۹۹ ۱۵۳ C or (12) CC ۲۰۴ F or (15) FF ۲۵۵

 رنگ‌های وب-امن ۰۰۰ ۳۰۰ ۶۰۰ ۹۰۰ C00 F00 ۰۰۳ ۳۰۳ ۶۰۳ ۹۰۳ C03 F03 ۰۰۶ ۳۰۶ ۶۰۶ ۹۰۶ C06 F06 ۰۰۹ ۳۰۹ ۶۰۹ ۹۰۹ C09 F09 00C 30C 60C 90C C0C F0C 00F 30F 60F 90F C0F F0F ۰۳۰ ۳۳۰ ۶۳۰ ۹۳۰ C30 F30 ۰۳۳ ۳۳۳ ۶۳۳ ۹۳۳ C33 F33 ۰۳۶ ۳۳۶ ۶۳۶ ۹۳۶ C36 F36 ۰۳۹ ۳۳۹ ۶۳۹ ۹۳۹ C39 F39 03C 33C 63C 93C C3C F3C 03F 33F 63F 93F C3F F3F ۰۶۰ ۳۶۰ ۶۶۰ ۹۶۰ C60 F60 ۰۶۳ ۳۶۳ ۶۶۳ ۹۶۳ C63 F63 ۰۶۶ ۳۶۶ ۶۶۶ ۹۶۶ C66 F66 ۰۶۹ ۳۶۹ ۶۶۹ ۹۶۹ C69 F69 06C 36C 66C 96C C6C F6C 06F 36F 66F 96F C6F F6F ۰۹۰ ۳۹۰ ۶۹۰ ۹۹۰ C90 F90 ۰۹۳ ۳۹۳ ۶۹۳ ۹۹۳ C93 F93 ۰۹۶ ۳۹۶ ۶۹۶ ۹۹۶ C96 F96 ۰۹۹ ۳۹۹ ۶۹۹ ۹۹۹ C99 F99 09C 39C 69C 99C C9C F9C 09F 39F 69F 99F C9F F9F 0C0 3C0 6C0 9C0 CC0 FC0 0C3 3C3 6C3 9C3 CC3 FC3 0C6 3C6 6C6 9C6 CC6 FC6 0C9 3C9 6C9 9C9 CC9 FC9 0CC 3CC 6CC 9CC CCC FCC 0CF 3CF 6CF 9CF CCF FCF 0F0 3F0 6F0 9F0 CF0 FF0 0F3 3F3 6F3 9F3 CF3 FF3 0F6 3F6 6F6 9F6 CF6 FF6 0F9 3F9 6F9 9F9 CF9 FF9 0FC 3FC 6FC 9FC CFC FFC 0FF 3FF 6FF 9FF CFF FFF

 نحوه استفاده از رنگ‌های ملایم و روشن در وب 
استفاده از رنگ‌های روشن و ملایم وب سایت بیش از تنها یک شیوه طراحی جدید می‌باشد. از آن می‌توان به عنوان یک تکنیک نام برد که برای سال‌های متمادی در طراحی موجب ایجاد تأثیرات عمیق بصری شده‌اند.

هنگامی که کلمه روشن و ملایم به گوش ما می‌خورد، اولین رنگ‌هایی که در ذهن ما نقش می‌بندد صورتی روشن، آبی روشن و زرد روشن هستند. اما باید بدانید که در پالت رنگ‌های ملایم گزینه‌های زیادی وجود دارد. این رنگ‌ها بیشتر از یک احساس بچگانه را در خود جای می‌دهند. در ترکیب چنین رنگ‌هایی با دیگر المان‌های طراحی، به شیوه درست، شما قادر خواهید بود تا جلوه بیشتری به رنگ‌های انتخابی خود ببخشید. استفاده از فیلترهای عکاسی پاستل برای تصاویری که در وب سایت به کار می‌روند می‌تواند بسیار مفید واقع شود. هنگامی که رنگ‌های تصویر شما ملایم و روشن باشند، طراح فضای بیشتری برای قرار دادن المان‌های طراحی در اختیار خواهد داشت. اگر شما از عکاسی پاستل برای تصاویر وب سایت خود بهره ببرید، المان‌های طراحی سایت مانند لوگو و نوار ناوبری جلوه بیشتری خواهند داشت و به شیوه زیباتری با چشم بیننده ارتباط برقرار می‌کنند. رنگ‌های زمینه ملایم و روشن نیز می‌توانند برای مواقعی که شما قصد دارید از رنگ‌های زیادی در طراحی خود استفاده کنید، گزینه مناسبی باشند. از آنجا که رنگ‌های ملایم، ماهیتی آرام دارند به هنگام استفاده در زمینه برای طرح‌هایی که رنگ زیاد دارند، دید بیننده را خسته نخواهند کرد و او را کلافه نمی‌کنند.

 جستارهای وابسته 
 فهرست رنگ‌ها

 منابع 

 رنگ‌ها در طراحی سایت، ۱۳۹۷.
 فرهنگ همراه پیشرو آریانپور، تهران، ۱۳۸۳.
 نمودار طیف رنگ‌های اچ‌تی‌ام‌ال



رده:رنگ
رده:طراحی وب