رنگ 666 html. رنگ در سبک ها را می توان به روش های مختلف مشخص کرد: با مقدار هگزادسیمال، با نام، در فرمت RGB، RGBA، HSL، HSLA. راه های مختلفی برای نمایش رنگ در طراحی وب وجود دارد.
ماژول رنگی 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
کاراکترهای فاصله در اطراف مقادیر عددی مجاز هستند.
برای تعیین رنگ ها از اعداد هگزادسیمال استفاده می شود. سیستم هگزادسیمال بر خلاف سیستم اعشاری، همانطور که از نامش پیداست، بر اساس عدد 16 است. اعداد به صورت زیر خواهد بود: 0، 1، 2، 3، 4، 5، 6، 7، 8، 9، A. ، B ، C ، D ، E ، F. اعداد از 10 تا 15 با حروف لاتین جایگزین می شوند. اعداد بیشتر از 15 در سیستم شش ضلعی با ترکیب دو عدد در یک تشکیل می شوند. به عنوان مثال ، شماره 255 در اعشاری با تعداد FF در شش ضلعی مطابقت دارد. برای جلوگیری از سردرگمی در تعیین سیستم شماره ، یک نماد هش # قبل از شماره شش ضلعی ، به عنوان مثال # 666999 قرار می گیرد. هر یک از این سه رنگ - قرمز ، سبز و آبی - می توانند از 00 تا FF مقادیر بگیرند. بنابراین، نماد رنگ به سه جزء #rrggbb تقسیم می شود که دو علامت اول نشان دهنده جزء قرمز رنگ، دو علامت میانی - سبز و دو علامت آخر - آبی هستند. مجاز به استفاده از فرم مخفف #RGB است ، جایی که هر شخصیت باید دو برابر شود. بنابراین ، ورودی #FE0 باید به عنوان #FFEE00 در نظر گرفته شود.
بر اساس اسم
| اینترنت اکسپلورر | کروم | اپرا | سافاری | فایرفاکس | اندروید | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
مرورگرها برخی از رنگ ها را با نام خود پشتیبانی می کنند. روی میز 1 نام ها، کد هگزادسیمال، مقادیر RGB، HSL و توضیحات را نشان می دهد.
| نام | رنگ | کد | RGB | HSL | شرح |
|---|---|---|---|---|---|
| سفید | #ffffff یا #fff | rgb(255,255,255) | hsl (0.0%, 100%) | سفید | |
| نقره | #c0c0c0 | rgb(192,192,192) | hsl (0.0%, 75%) | خاکستری | |
| خاکستری | #808080 | rgb(128,128,128) | hsl(0.0%,50%) | خاکستری تیره | |
| سیاه | #000000 یا #000 | rgb(0,0,0) | hsl (0.0%, 0%) | مشکی | |
| مارون | #800000 | rgb(128,0,0) | hsl(0.100%,25%) | قرمز تیره | |
| قرمز | #ff0000 یا #f00 | rgb(255,0,0) | hsl(0,100%,50%) | قرمز | |
| نارنجی | #ffa500 | rgb(255,165,0) | hsl(38.8,100%, 50%) | نارنجی | |
| رنگ زرد | #ffff00 یا #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | رنگ زرد | |
| زیتون | #808000 | rgb(128,128,0) | hsl(60,100%, 25%) | زیتون | |
| اهک | #00ff00 یا #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | سبز روشن | |
| سبز | #008000 | rgb(0,128,0) | hsl(120,100%, 25%) | سبز | |
| آبی | #00ffff یا #0ff | rgb(0,255,255) | hsl(180,100%, 50%) | آبی | |
| آبی | #0000ff یا #00f | rgb(0,0,255) | hsl(240,100%, 50%) | آبی | |
| نیروی دریایی | #000080 | rgb(0,0,128) | hsl(240,100%, 25%) | آبی تیره | |
| سبز رنگ | #008080 | rgb(0,128,128) | hsl(180,100%, 25%) | سبز آبی | |
| فوشیا | #ff00ff یا #f0f | rgb(255,0,255) | hsl(300,100%, 50%) | رنگ صورتی | |
| رنگ بنفش | #800080 | rgb(128,0,128) | hsl(300,100%, 25%) | بنفش |
با استفاده از RGB
| اینترنت اکسپلورر | کروم | اپرا | سافاری | فایرفاکس | اندروید | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
شما می توانید رنگ را با استفاده از مقادیر قرمز ، سبز و آبی از نظر اعشار تعریف کنید. هر یک از سه جزء رنگی از 0 تا 255 مقدار می گیرند. همچنین مجاز است رنگ را به صورت درصد مشخص کنید، با 100% مربوط به عدد 255. ابتدا کلمه کلیدی rgb را مشخص کنید و سپس اجزای رنگ را در پرانتز مشخص کنید. ، با کاما از هم جدا می شوند، به عنوان مثال rgb(255، 128، 128) یا rgb(100٪، 50٪، 50٪).
RGBA
| اینترنت اکسپلورر | کروم | اپرا | سافاری | فایرفاکس | اندروید | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
فرمت RGBA از نظر نحو شبیه به RGB است، اما شامل یک کانال آلفا است که شفافیت عنصر را مشخص می کند. مقدار 0 کاملاً شفاف، 1 مات و مقدار میانی مانند 0.5 نیمه شفاف است.
RGBA به CSS3 اضافه شد، بنابراین کد CSS باید در برابر این نسخه اعتبار سنجی شود. لازم به ذکر است که استاندارد CSS3 هنوز در دست توسعه است و ممکن است برخی از ویژگی ها تغییر کند. به عنوان مثال، رنگی با فرمت RGB که به ویژگی background-color اضافه شده است اعتبارسنجی می شود، اما رنگی که به ویژگی پس زمینه اضافه شده است دیگر معتبر نیست. در عین حال، مرورگرها به درستی رنگ هر دو ویژگی را درک می کنند.
HSL
| اینترنت اکسپلورر | کروم | اپرا | سافاری | فایرفاکس | اندروید | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
نام فرمت HSL از ترکیب حروف اول Hue (رنگ)، Saturate (اشباع) و Lightness (سبک) گرفته شده است. Hue مقدار رنگ در چرخه رنگ است (شکل 1) و به درجه داده می شود. 0 درجه مربوط به قرمز، 120 درجه به سبز و 240 درجه به آبی است. مقدار رنگ می تواند از 0 تا 359 متفاوت باشد.
برنج. 1. چرخ رنگ
اشباع شدت یک رنگ است و به صورت درصدی از 0٪ تا 100٪ اندازه گیری می شود. مقدار 0٪ نشان دهنده عدم وجود رنگ و سایه خاکستری است، 100٪ حداکثر مقدار برای اشباع است.
Lightness میزان روشن بودن رنگ را مشخص می کند و به صورت درصدی از 0٪ تا 100٪ مشخص می شود. مقادیر کم رنگ را تیره تر می کند و مقادیر زیاد رنگ را روشن تر می کند؛ مقادیر شدید 0% و 100% مربوط به سیاه و سفید است.
HSLA
| اینترنت اکسپلورر | کروم | اپرا | سافاری | فایرفاکس | اندروید | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
فرمت HSLA از نظر نحو شبیه به HSL است، اما شامل یک کانال آلفا برای تعیین شفافیت عنصر است. مقدار 0 کاملاً شفاف، 1 مات و مقدار میانی مانند 0.5 نیمه شفاف است.
مقادیر رنگ RGBA، HSL و HSLA به CSS3 اضافه می‌شوند، بنابراین لطفاً هنگام استفاده از این فرمت‌ها، کد خود را برای اعتبار نسخه بررسی کنید.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
هشدار
تمامی روش های صید شیر که در سایت ذکر شده است تئوری و مبتنی بر روش های محاسباتی می باشد. نویسندگان ایمنی شما را هنگام استفاده از آنها تضمین نمی کنند و مسئولیت نتایج را سلب می کنند. به یاد داشته باشید، شیر یک حیوان درنده و خطرناک است!
نتیجه این مثال در شکل نشان داده شده است. 2.
برنج. 2. رنگ ها در صفحه وب
روش های مختلفی برای نشان دادن رنگ در طراحی وب وجود دارد.
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) | |
| Mauvein (بنفش آنیلین) | #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 صورتی | #997ABD | (153,122,141) |
جدول خاکستریرنگ ها و سایه های آن
| نام | رنگ | هگز | (RGB) |
| خاکستری | #808080 | (128,128,128) | |
| خاکستری | #بی بی بی | (190,190,190) | |
| (سایه خاکستری) | #858585 | (133,133,133) | |
| خاکستری33 | #545454 | (084,084,084) | |
| (لوح خاکستری) | #708090 | (112,128,144) | |
| (کوارتز) | #99958с | (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) |
در 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 کلمه کلیدی جدول، در واقع رنگ های کمتری در آن وجود دارد. این به این دلیل است که برخی از کلمات کلیدی به یک رنگ اشاره دارند. بنابراین، نام‌های خاکستری و خاکستری نشان‌دهنده کد رنگ خاکستری 808080 50 درصد است، و کلمه Magenta مترادفی برای رنگ HTML Fuchsia است که مربوط به کد هگزادسیمال #FF00FF است. همچنین کلمات Aqua و Cyan مترادف هستند، آنها با کد #00FFFF مطابقت دارند.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||