رنگ های HTML با شش کاراکتر بعد از اسلش نشان داده می شوند - به عنوان مثال، #000000. این شش کاراکتر نشان دهنده نسبت رنگ های مختلف (قرمز، سبز و آبی) در رنگ نهایی است. تصویر روی مانیتور کامپیوتر شما از تعداد زیادی نقطه به نام پیکسل تشکیل شده است. هر پیکسل یک منبع نور کوچک است، بگذارید آن را "چراغ قوه" بنامیم، که به نوبه خود از سه چراغ قوه - قرمز، سبز و آبی تشکیل شده است. با کاهش یا افزایش شدت درخشش تک فانوس های رنگی به رنگ دلخواه می رسیم.
کدهای رنگ html
رنگ ها در HTML با نماد هگزا دسیمال (HEX) برای ترکیب قرمز، آبی و سبز (RGB) مشخص می شوند.
کوچکترین مقدار رنگ 0 (هگزادسیمال 00) است. بالاترین مقدار رنگ 255 (هگزادسیمال FF) است.
مقدار رنگ هگزادسیمال سه رقمی است که با # شروع می شود.
کدهای رنگ (مقادیر)
رنگ | کد HEX | کد RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0,255,255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
16 میلیون سایه
ترکیب قرمز، آبی و سبز با مقادیری از 0 تا 255 برای هر رنگ بیش از 16 میلیون سایه (256 x 256 x 256) اضافه می کند.
اکثر مانیتورهای مدرن قادر به نمایش حداقل 16384 سایه مختلف هستند (مانیتورهای LCD معمولاً قادر به نمایش 262.16 میلیون هستند. (به روز شده در اکتبر 2013)رنگ ها، در حالی که مانیتورهای CRT می توانند تقریباً تعداد نامحدودی از رنگ ها را نمایش دهند).
جدول رنگ زیر تغییر نسبت رنگ قرمز از 0 تا 255 را با مقادیر صفر برای آبی و سبز نشان می دهد:
قرمز | کد HEX | کد RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb (40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
سایه های خاکستری
برای به دست آوردن سایه های خاکستری، نسبت های مساوی از همه رنگ ها استفاده می شود. برای سهولت در انتخاب رنگ مورد نظر، کدهای سایه های خاکستری را در اختیار شما قرار می دهیم.
سایه های خاکستری | کد HEX | کد RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8،8،8) | |
#101010 | rgb(16،16،16) | |
#181818 | rgb(24،24،24) | |
#202020 | rgb(32،32،32) | |
#282828 | rgb (40،40،40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
نام رنگ های html متقابل مرورگر (برای همه مرورگرها).
مجموعه ای از 150 نام رنگ html که در همه مرورگرها پشتیبانی می شود.
نام رنگ های استاندارد شده
W3C 16 نام رنگ معتبر را برای HTML و CSS فهرست کرده است: aqua (آکوامارین)، سیاه (مشکی)، آبی (آبی)، فوشیا (سرخابی)، خاکستری (خاکستری)، سبز (سبز)، لیمویی (آهکی یا سبز روشن)، مارون (شلوطی)، سرمه ای (اولترامارین)، زیتونی (زیتونی)، بنفش (بنفش)، قرمز (قرمز)، نقره ای (نقره ای)، آبی (خاکستری)، سفید (سفید) و زرد (زرد).
هنگام استفاده از رنگ هایی که در این لیست قرار ندارند، استفاده از کد هگزا دسیمال (HEX) یا کد RGB آنها صحیح تر خواهد بود.
رنگ های مطمئن
چند سال پیش، زمانی که رایانهها میتوانستند حداکثر 256 رنگ مختلف را پشتیبانی کنند، فهرستی از 216 «رنگ امن وب» با 40 رنگ برای سیستم پیشنهاد شد.
این پالت 216 رنگ به منظور نمایش صحیح رنگ ها در حالت پالت 256 رنگ ایجاد شده است.
اکنون مهم نیست زیرا اکثر کامپیوترهای سراسر جهان از میلیون ها سایه رنگ پشتیبانی می کنند. در هر صورت، در اینجا لیستی از آن رنگ ها وجود دارد:
000000 | 000033 | 000066 | 000099 | 0000 سی سی | 0000 FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300 سی سی | 3300 FF |
333300 | 333333 | 333366 | 333399 | 3333 سی سی | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366 سی سی | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399 سی سی | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600 سی سی | 6600 FF |
663300 | 663333 | 663366 | 663399 | 6633 سی سی | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666 سی سی | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699 سی سی | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900 سی سی | 9900 FF |
993300 | 993333 | 993366 | 993399 | 9933 سی سی | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966 سی سی | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999 سی سی | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
راه های مختلفی برای نمایش رنگ در طراحی وب وجود دارد.
HEX یک سیستم هگزادسیمال برای نمایش رنگ ها در پایه 16 است. برای این سیستم از ارقام اعشاری عربی از 0 تا 9 و حروف لاتین از A تا F برای تکمیل عدد دیجیتالی 16 استفاده می شود. برای طراحی وب، 16 رنگ اصلی (کلیدی) کد رنگ هگزا دسیمال #RRGGBB که هر جفت مسئول سهم رنگ خود است: RR - قرمز، GG - سبز و BB - آبی. هر کسر رنگ از 00 تا FF متغیر است.
دو نمایش دیگر رنگ در طراحی وب عبارتند از: به شکل RGB(*،*،*)، که در آن هر قسمت "*" رنگ با ارقام اعشاری از 0 تا 255 و با نام رنگ ها در انگلیسی نشان داده می شود.
هنگام ایجاد یک تصویر رنگی، مشکل اصلی بازتولید صحیح رنگ ها در انواع مختلف کامپیوتر، مانیتور و مرورگر است. اگر مرورگر نتواند یک رنگ را به درستی رندر کند، چندین رنگ را مطابقت یا ترکیب می کند. و گاهی اوقات می توان آن را با رنگ های کاملا متفاوت جایگزین کرد.
جدول 16 رنگ اصلی، که در همه مرورگرها استفاده می شود
نام | رنگ | هگز | (RGB) |
آکوا (موج دریا) | #00FFFF | (000,255,255) | |
مشکی (سیاه) | #000000 | (000,000,000) | |
آبی (آبی) | #0000FF | (000,000,255) | |
فوشیا (سرخابی) | #FF00FF | (255,000,255) | |
خاکستری (خاکستری) | #808080 | (128,128,128) | |
سبز (سبز) | #008000 | (000,128,000) | |
لیمویی (سبز روشن) | #00FF00 | (000,255,000) | |
مارون (مخمه ای) | #800000 | (128,000,000) | |
نیروی دریایی (آبی تیره) | #000080 | (000,000,128) | |
زیتون (زیتون) | #808000 | (128,128,000) | |
بنفش (بنفش) | #800080 | (128,000,128) | |
قرمز (قرمز) | #FF0000 | (255,000,000) | |
نقره (نقره) | #C0C0C0 | (192,192,192) | |
سبز آبی (سبز خاکستری) | #008080 | (000,128,128) | |
سفید (سفید) | #FFFFFF | (255,255,255) | |
زرد (زرد) | #FFFF00 | (255,255,000) |
جدول رنگ بنفشرنگ ها و سایه ها
نام | رنگ | هگز | (RGB) |
سرخابی (سرخابی) | #FFCBDB | (255,203,219) | |
سرخابی (سرخابی) | #FF0099 | (255,000,153) | |
سرخابی (سرخابی) | #F95A61 | (249,090,097) | |
فوشیا (فوشیا) | #FF00FF | (255,000,255) | |
مووین (بنفش آنیلین) | #EF0097 | (239,000,151) | |
صورتی سالمون (صورتی نارنجی) | #FF91A4 | (255,145,164) | |
سنیس (سایه ای از سرخابی) | #DE3163 | (153,149,140) | |
بادمجان بادمجان (بادمجان) | #990066 | (153,000,132) | |
رژگونه اسطوخودوس (اسطوخودوس مایل به صورتی) |  #FFF0F5 | (255,240,245) | |
یاس بنفش (یاس بنفش) | #C8A2C8 | (200,162,200) | |
سرخابی (سرخابی) | #FF008F | (255,000,143) | |
ارکیده (ارکیده) | #DA70D6 | (218,112,214) | |
قرمز بنفش (بنفش قرمز) | #C71585 | (199,021,133) | |
سانگوئن (سانگوئن) | #92000A | (146,000,010) | |
خار (سایه ای از سرخابی) | #D8BFD8 | (185,211,238) | |
بنفش-بادمجان (یک سایه سرخابی) | #991199 | (153,017,153) | |
Rosa vivo (صورتی پر رنگ) | #FF007F | (255,000,127) | |
رز اسطوخودوس (سایه ای از بنفش) | #FBA0E3 | (108,123,139) | |
Mountbatten pink (Mounbatten pink) | #997ABD | (153,122,141) |
جدول خاکستریرنگ ها و سایه ها
نام | رنگ | هگز | (RGB) |
خاکستری (خاکستری) | #808080 | (128,128,128) | |
خاکستری (خاکستری) | #بی بی بی | (190,190,190) | |
(خاکستری مایل به خاکستری) | #858585 | (133,133,133) | |
خاکستری33 (خاکستری-33) | #545454 | (084,084,084) | |
(لوح خاکستری) | #708090 | (112,128,144) | |
(کوارتز) | #99958s | (153,149,140) | |
(خاکستری روشن) | #بببب | (187,187,187) | |
(نقره) | #c0c0c0 | (192,192,192) | |
(سفید خاکستری) | #f0f0f0 | (240,240,240) | |
(ریش های عبدالکریم) | #e0e0e0 | (224,224,224) | |
خاکستری روشن (خاکستری روشن) | #d3d3d3 | (211,211,211) | |
LightStateGray() | #778899 | (119,136,153) | |
StateGray-1 (آبی گل ذرت کم رنگ1) | #c6e2ff | (198,226,255) | |
StateGray-2 (آبی گل ذرت کم رنگ2) | #b9d3ee | (185,211,238) | |
StateGray3() | #9fb6cd | (159,182,205) | |
StateGray4() | #6c7b8b | (108,123,139) |
ماژول رنگی CSS مقادیری را که به نویسندگان اجازه می دهد تا رنگ ها و شفافیت عناصر html و همچنین مقادیر ویژگی رنگ را مشخص کنند، جزئیات می دهد.
خاصیت رنگ
1. رنگ های اولویت: خاصیت رنگ
این ویژگی رنگ فونت را با استفاده از سیستم های رندر مختلف تنظیم می کند. این ویژگی رنگ محتوای متن عنصر را توصیف می کند. همچنین برای ارائه یک مقدار غیرمستقیم بالقوه (currentColor) برای هر ویژگی دیگری که مقادیر رنگ را می پذیرد استفاده می شود.
ملک موروثی است.
2. مقادیر رنگ
2.1. کلمات کلیدی اصلی
لیست کلمات کلیدی اصلی شامل مقادیر زیر است:
نام | HEX | RGB | رنگ |
---|---|---|---|
سیاه | #000000 | 0,0,0 | |
نقره | #C0C0C0 | 192,192,192 | |
خاکستری | #808080 | 128,128,128 | |
سفید | #FFFFFF | 255,255,255 | |
مارون | #800000 | 128,0,0 | |
قرمز | #FF0000 | 255,0,0 | |
رنگ بنفش | #800080 | 128,0,128 | |
فوشیا | #FF00FF | 255,0,255 | |
سبز | #008000 | 0,128,0 | |
اهک | #00FF00 | 0,255,0 | |
زیتون | #808000 | 128,128,0 | |
رنگ زرد | #FFFF00 | 255,255,0 | |
نیروی دریایی | #000080 | 0,0,128 | |
آبی | #0000FF | 0,0,255 | |
رنگ آبی | #008080 | 0,128,128 | |
آبی | #00FFFF | 0,255,255 |
نام رنگ ها به حروف بزرگ و کوچک حساس نیستند.
نحو
رنگ: سرمه ای؛
2.2. مقادیر رنگ عددی
2.2.1. رنگ های مدل RGB
فرمت یک مقدار RGB در هگزادسیمال یک علامت # است که بلافاصله با سه یا شش کاراکتر هگزادسیمال دنبال می شود. نماد RGB سه رقمی #rgb با کپی کردن ارقام به شکل شش رقمی #rrggbb تبدیل می شود نه با افزودن صفر. به عنوان مثال، #fb0 به #ffbb00 گسترش می یابد. این تضمین می کند که #ffffff سفید را می توان در اختصار #fff مشخص کرد و هر گونه وابستگی به عمق رنگ نمایشگر را حذف می کند.
قالب یک مقدار RGB در نماد عملکردی rgb است (به دنبال آن یک لیست از سه مقدار عددی جدا شده با کاما (یا سه مقدار صحیح یا سه مقدار درصد) و به دنبال آن یک کاراکتر است). مقدار صحیح 255 مربوط به 100٪ و F یا FF در نماد هگزادسیمال است:
rgb(255,255,255) = rgb(100%, 100, 100%) = #FFF
کاراکترهای فاصله در اطراف مقادیر عددی مجاز هستند.
در HTML رنگ را می توان به سه روش مشخص کرد:
تنظیم رنگ در HTML با نام آن
برخی از رنگ ها را می توان با نام آنها، با استفاده از نام رنگ در انگلیسی به عنوان مقدار مشخص کرد. رایج ترین کلمات کلیدی: سیاه (سیاه)، سفید (سفید)، قرمز (قرمز)، سبز (سبز)، آبی (آبی) و غیره:
رنگ متن - قرمز
محبوب ترین رنگ های استاندارد کنسرسیوم وب جهانی (W3C) عبارتند از:
رنگ | نام | رنگ | نام | رنگ | نام | رنگ | نام |
---|---|---|---|---|---|---|---|
مشکی | خاکستری | نقره | سفید | ||||
رنگ زرد | اهک | آبی | فوشیا | ||||
قرمز | سبز | آبی | رنگ بنفش | ||||
مارون | زیتون | نیروی دریایی | آبی رنگ |
نمونه ای از استفاده از نام های رنگ های مختلف:
مثال: تنظیم یک رنگ با نام آن
- خودت آن را امتحان کن "
هدر در پس زمینه قرمز
هدر در پس زمینه نارنجی
سربرگ در زمینه آهکی
متن سفید در پس زمینه آبی
هدر در پس زمینه قرمز
هدر در پس زمینه نارنجی
سربرگ در زمینه آهکی
متن سفید در پس زمینه آبی
تعیین رنگ با RGB
هنگام نمایش رنگ های مختلف بر روی مانیتور، پالت RGB به عنوان پایه در نظر گرفته می شود. هر رنگی با مخلوط کردن سه رنگ اصلی به دست می آید: R - قرمز, G - سبز (سبز), ب - آبی (آبی). روشنایی هر رنگ با یک بایت داده می شود و بنابراین می تواند مقادیری از 0 تا 255 داشته باشد. برای مثال، RGB (255,0,0) به صورت قرمز نمایش داده می شود زیرا قرمز روی بالاترین مقدار خود (255) تنظیم شده است. دیگران روی 0 تنظیم شده اند همچنین می توانید رنگ را به عنوان درصد تنظیم کنید. هر یک از پارامترها میزان روشنایی رنگ مربوطه را نشان می دهد. به عنوان مثال: مقادیر rgb (127، 255، 127) و rgb (50٪، 100٪، 50%) همان رنگ سبز اشباع متوسط را تنظیم می کنند:
مثال: تعیین رنگ با RGB
- خودت آن را امتحان کن "
rgb(127، 255، 127)
rgb(50%, 100, 50%)
rgb(127، 255، 127)
rgb(50%, 100, 50%)
رنگ را با مقدار هگزادسیمال تنظیم کنید
ارزش های آر جی بهمچنین می توان با استفاده از مقادیر رنگی هگزا دسیمال (HEX) به این شکل مشخص کرد: #RRGGBB که در آن RR (قرمز)، GG (سبز) و BB (آبی) مقادیر هگزادسیمال از 00 تا FF هستند (همانند اعشاری 0-). 255). سیستم هگزادسیمال بر خلاف سیستم اعشاری، همانطور که از نامش پیداست، بر اساس عدد 16 است. A، B، C، D، E، F. در اینجا اعداد از 10 تا 15 با حروف لاتین جایگزین می شوند. اعداد بزرگتر از 15 در سیستم هگزادسیمال اتحاد دو کاراکتر در یک مقدار است. به عنوان مثال، بالاترین عدد 255 در اعشار مربوط به بالاترین FF در هگزادسیمال است. برخلاف سیستم اعشاری، قبل از عدد هگزادسیمال علامت پوندی قرار می گیرد. # به عنوان مثال، #FF0000 به صورت قرمز نمایش داده می شود زیرا قرمز روی بالاترین مقدار خود (FF) و سایر رنگ ها روی حداقل مقدار خود (00) تنظیم شده است. نویسه ها بعد از نماد هش # را می توان با حروف بزرگ و کوچک تایپ کرد. سیستم هگزادسیمال به شما امکان می دهد از شکل اختصاری #rgb استفاده کنید که در آن هر کاراکتر برابر با دو برابر است. بنابراین، ورودی #f7O باید به عنوان #ff7700 در نظر گرفته شود.
مثال: رنگ HEX
- خودت آن را امتحان کن "
قرمز: #FF0000
سبز: #00FF00
آبی: #0000FF
قرمز: #FF0000
سبز: #00FF00
آبی: #0000FF
قرمز+سبز=زرد: #FFFF00
قرمز+آبی=بنفش: #FF00FF
سبز+آبی=فیروزه ای: #00FFFF
لیست رنگ های رایج (نام، HEX و RGB):
نام انگلیسی | نام روسی | نمونه | HEX | RGB | ||
---|---|---|---|---|---|---|
آمارانت | تاج خروس | #E52B50 | 229 | 43 | 80 | |
کهربا | کهربا | #FFBF00 | 255 | 191 | 0 | |
آبی | سبز آبی | #00FFFF | 0 | 255 | 255 | |
لاجوردی | لاجوردی | #007FFF | 0 | 127 | 255 | |
مشکی | مشکی | #000000 | 0 | 0 | 0 | |
آبی | آبی | #0000FF | 0 | 0 | 255 | |
باندی آبی | آب ساحل بوندی | #0095B6 | 0 | 149 | 182 | |
برنج | برنج | #B5A642 | 181 | 166 | 66 | |
رنگ قهوه ای | رنگ قهوه ای | #964B00 | 150 | 75 | 0 | |
سرولین | لاجوردی | #007BA7 | 0 | 123 | 167 | |
سبز تیره بهاری | سبز تیره بهاری | #177245 | 23 | 114 | 69 | |
زمرد | زمرد | #50C878 | 80 | 200 | 120 | |
بادمجان | بادمجان | #990066 | 153 | 0 | 102 | |
فوشیا | فوشیا | #FF00FF | 255 | 0 | 255 | |
طلا | طلا | #FFD700 | 250 | 215 | 0 | |
خاکستری | خاکستری | #808080 | 128 | 128 | 128 | |
سبز | سبز | #00FF00 | 0 | 255 | 0 | |
نیل | نیل | #4B0082 | 75 | 0 | 130 | |
یشم | یشم | #00A86B | 0 | 168 | 107 | |
اهک | اهک | #CCFF00 | 204 | 255 | 0 | |
مالاکیت | مالاکیت | #0BDA51 | 11 | 218 | 81 | |
نیروی دریایی | آبی تیره | #000080 | 0 | 0 | 128 | |
اخر | اخر | #CC7722 | 204 | 119 | 34 | |
زیتون | زیتون | #808000 | 128 | 128 | 0 | |
نارنجی | نارنجی | #FFA500 | 255 | 165 | 0 | |
هلو | هلو | #FFE5B4 | 255 | 229 | 180 | |
کدو تنبل | کدو تنبل | #FF7518 | 255 | 117 | 24 | |
رنگ بنفش | بنفش | #800080 | 128 | 0 | 128 | |
قرمز | قرمز | #FF0000 | 255 | 0 | 0 | |
زعفران | زعفران | #F4C430 | 244 | 196 | 48 | |
سبز دریا | دریای سبز | #2E8B57 | 46 | 139 | 87 | |
سبز باتلاق | بولوتنی | #ACB78E | 172 | 183 | 142 | |
آبی رنگ | سبز آبی | #008080 | 0 | 128 | 128 | |
اولترامارین | اولترامارین | #120A8F | 18 | 10 | 143 | |
بنفش | بنفش | #8B00FF | 139 | 0 | 255 | |
رنگ زرد | رنگ زرد | #FFFF00 | 255 | 255 | 0 |
کدهای رنگ (پس زمینه) بر اساس اشباع و رنگ.
این صفحه حاوی جدولی با کلمات کلیدی است که می تواند برای تعیین رنگ در زبان های توسعه وب مانند: HTML، CSS، جاوا اسکریپت، فلش و غیره استفاده شود.
در مشخصات قدیمی WC3، تنها 16 کلمه کلیدی برای تنظیم رنگ ها در HTML و CSS استفاده می شد. در بعدها، مشخصات مدرن تر، 130 کلمه کلیدی دیگر برای نشان دادن نام رنگ ها اضافه شد. جدول زیر شامل نام رنگ ها، کدهای هگزا دسیمال و RGB آنها می باشد.
طبق قوانین CSS، نام رنگ ها به حروف بزرگ و کوچک حساس نیستند. ورودی های رنگ IndianRed و indianred معادل هستند.
همچنین شایان ذکر است که از 146 کلمه کلیدی جدول، در واقع رنگ های کمتری در آن وجود دارد. این به این دلیل است که برخی از کلمات کلیدی به یک رنگ اشاره دارند. بنابراین نام خاکستری و خاکستری به معنای 50 درصد خاکستری با کد #808080 است، در حالی که کلمه Magenta مترادف HTML برای رنگ فوشیا است که مربوط به کد هگز #FF00FF است. کلمات Aqua و Cyan نیز مترادف هستند، آنها با کد #00FFFF مطابقت دارند.
|
|