رنگ فیروزه ای تیره. رنگ در سبک ها را می توان به روش های مختلف تنظیم کرد: با مقدار هگزادسیمال، با نام، در فرمت RGB، RGBA، HSL، HSLA. با RGB
جدول (پالت) رنگ های html این فرصت را به شما می دهد تا به طور مستقل آهنگ مورد نیاز خود را انتخاب کنید. مقدار رنگ در سه فرمت Hex، RGB و HSV نمایش داده می شود.
- هگز از سه مقدار دو کاراکتر در نماد هگزادسیمال تشکیل شده است. به عنوان مثال: #ff00b3، که در آن اولین جفت اعداد قرمز، دومی سبز و سومی آبی است.
- RGB (RedGreenBlue) دارای شکل "200،100،255" است که میزان تن مربوطه (قرمز، سبز، آبی) را در رنگ حاصل نشان می دهد.
- HSV (رنگ، اشباع، ارزش - تن، اشباع، ارزش) - یک مدل رنگ که در آن مختصات عبارتند از:
- رنگ - تن رنگ، می تواند از 0 درجه تا 360 درجه متفاوت باشد.
- اشباع - اشباع، بین 0-100 یا 0-1 متغیر است. هرچه این تنظیم بزرگتر باشد، رنگ "خالص تر" است، به همین دلیل است که گاهی اوقات به این تنظیم به عنوان خلوص رنگ نیز گفته می شود. و هر چه این پارامتر به صفر نزدیکتر باشد، رنگ به خاکستری خنثی نزدیکتر است.
- مقدار (مقدار رنگ) - روشنایی را تنظیم می کند، مقدار نیز می تواند بین 0-100 یا 0-1 متفاوت باشد.
کد رنگ را وارد کنید: برو
لیست رنگ ها با نام
جدول نام رنگ های موجود را فهرست می کند زبان انگلیسی(که می تواند به عنوان مقادیر استفاده شود) توسط همه مرورگرها و مقادیر هگزادسیمال آنها پشتیبانی می شود. تمام رنگ های فهرست شده "ایمن" هستند، به این معنی که در همه مرورگرها یکسان نمایش داده می شوند.
| نام رنگ | HEX | رنگ |
|---|---|---|
| مشکی | #000000 | |
| نیروی دریایی | #000080 | |
| آبی تیره | #00008B | |
| آبی متوسط | #0000CD | |
| آبی | #0000FF | |
| سبز تیره | #006400 | |
| سبز | #008000 | |
| آبی رنگ | #008080 | |
| فیروزه ای تیره | #008B8B | |
| DeepSkyBlue | #00BFFF | |
| فیروزه ای تیره | #00CED1 | |
| MediumSpringGreen | #00FA9A | |
| اهک | #00FF00 | |
| بهارگرین | #00FF7F | |
| آبی | #00FFFF | |
| فیروزه ای | #00FFFF | |
| آبی نیمه شب | #191970 | |
| داجر آبی | #1E90FF | |
| LightSeaGreen | #20B2AA | |
| جنگل سبز | #228B22 | |
| سبز دریایی | #2E8B57 | |
| خاکستری تیره | #2F4F4F | |
| لیمو سبز | #32CD32 | |
| سبز دریای متوسط | #3CB371 | |
| فیروزه | #40E0D0 | |
| آبی سلطنتی | #4169E1 | |
| آبی فولادی | #4682B4 | |
| تیره رنگ آبی | #483D8B | |
| فیروزه ای متوسط | #48D1CC | |
| نیل | #4B0082 | |
| سبز زیتونی تیره | #556B2F | |
| کادت آبی | #5F9EA0 | |
| گل ذرت آبی | #6495ED | |
| مدیوم آکوامارین | #66CDAA | |
| خاکستری کم رنگ | #696969 | |
| تخته سنگ آبی | #6A5ACD | |
| OliveDrab | #6B8E23 | |
| Slate Gray | #708090 | |
| LightSlate Gray | #778899 | |
| SlateBlue متوسط | #7B68EE | |
| چمن سبز | #7CFC00 | |
| Chartreuse | #7FFF00 | |
| آکوامارین | #7FFFD4 | |
| مارون | #800000 | |
| رنگ بنفش | #800080 | |
| زیتون | #808000 | |
| خاکستری | #808080 | |
| آبی آسمانی | #87CEEB | |
| نور آسمان آبی | #87 CEFA | |
| بنفش آبی | #8A2BE2 | |
| قرمز تیره | #8B0000 | |
| DarkMagenta | #8B008B | |
| زین براون | #8B4513 | |
| DarkSea Green | #8FBC8F | |
| سبز روشن | #90EE90 | |
| بنفش متوسط | #9370D8 | |
| بنفش تیره | #9400D3 | |
| سبز کمرنگ | #98FB98 | |
| ارکیده تیره | #9932CC | |
| زرد سبز | #9ACD32 | |
| سینا | #A0522D | |
| رنگ قهوه ای | #A52A2A | |
| خاکستری تیره | #A9A9A9 | |
| آبی کمرنگ | #ADD8E6 | |
| زرد سبز | #ADFF2F | |
| رنگی فیروزه ای | #AFEEEE | |
| روشن استیل آبی | #B0C4DE | |
| آبی پودری | #B0E0E6 | |
| آجر نسوز | #B22222 | |
| میله طلایی تیره | #B8860B | |
| ارکیده متوسط | #BA55D3 | |
| رزی براون | #BC8F8F | |
| خاکی تیره | #BDB76B | |
| نقره | #C0C0C0 | |
| بنفش متوسط قرمز | #C71585 | |
| قرمز هندی | #CD5C5C | |
| پرو | #CD853F | |
| شکلات | #D2691E | |
| قهوهای مایل به زرد | #D2B48C | |
| خاکستری روشن | #D3D3D3 | |
| بنفش کم رنگ قرمز | #D87093 | |
| خار مریم | #D8BFD8 | |
| ارکیده | #DA70D6 | |
| میله طلایی | #DAA520 | |
| زرشکی | #DC143C | |
| گینزبورو | #DCDCDC | |
| آلو | #DDA0DD | |
| بوقلمون | #DEB887 | |
| فیروزه ای روشن | #E0FFFF | |
| اسطوخودوس | #E6E6FA | |
| سالمون تیره | #E9967A | |
| بنفش | #EE82EE | |
| PaleGoldenRod | #EEE8AA | |
| لایت کورال | #F08080 | |
| خاکی | #F0E68C | |
| آلیس بلو | #F0F8FF | |
| عسلک | #F0FFF0 | |
| لاجوردی | #F0FFFF | |
| شنی براون | #F4A460 | |
| گندم | #F5DEB3 | |
| رنگ بژ | #F5F5DC | |
| دود سفید | #F5F5F5 | |
| کرم نعناعی | #F5FFFA | |
| شبح سفید | #F8F8FF | |
| ماهی سالمون | #FA8072 | |
| سفید عتیقه | #FAEBD7 | |
| کتانی | #FAF0E6 | |
| طلایی روشن راد زرد | #FAFAD2 | |
| توری قدیمی | #FDF5E6 | |
| قرمز | #FF0000 | |
| فوشیا | #FF00FF | |
| ارغوانی | #FF00FF | |
| صورتی پررنگ | #FF1493 | |
| قرمز نارنجی | #FF4500 | |
| گوجه فرنگی | #FF6347 | |
| هات پینک | #FF69B4 | |
| مرجان | #FF7F50 | |
| نارنجی تیره | #FF8C00 | |
| سالمون لایت | #FFA07A | |
| نارنجی | #FFA500 | |
| صورتی روشن | #FFB6C1 | |
| رنگ صورتی | #FFC0CB | |
| طلا | #FFD700 | |
| هلو پاف | #FFDAB9 | |
| ناواهو سفید | #FFDEAD | |
| مقرنس | #FFE4B5 | |
| سوپ غلیظ خامه ای | #FFE4C4 | |
| MistyRose | #FFE4E1 | |
| بادام بلانچ شده | #FFBCD | |
| شلاق پاپایا | #FFFD5 | |
| رژگونه اسطوخودوس | #FFF0F5 | |
| صدف دریایی | #FFF5EE | |
| ابریشم ذرت | #FFF8DC | |
| لیموشیفون | #FFFACD | |
| سفید گلدار | #FFFAF0 | |
| برف | #FFFAFA | |
| رنگ زرد | #FFFF00 | |
| زرد کمرنگ | #FFFFE0 | |
| عاج | #FFFFF0 | |
| سفید | #FFFFFF |
رنگ های 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 می توانند تقریباً تعداد نامحدودی از رنگ ها را نمایش دهند).
AT نمودار رنگیدر زیر تغییر نسبت رنگ قرمز از 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 فهرست کرده است: آبی (آکوامارین)، سیاه (سیاه)، آبی (آبی)، فوشیا (سرخابی)، خاکستری (خاکستری)، سبز (سبز)، لیمویی (آهکی یا سبز روشن)، مارون (شلوطی)، سرمه ای (اولترامارین)، زیتونی (زیتونی)، بنفش (بنفش)، قرمز (قرمز)، نقره ای (نقره ای)، آبی (خاکستری)، سفید (سفید) و زرد (زرد).
هنگام استفاده از رنگ هایی که در این لیست قرار ندارند، استفاده از کد هگزا دسیمال (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 |
برای تعیین رنگ ها از اعداد هگزادسیمال استفاده می شود. سیستم هگزادسیمال بر خلاف سیستم اعشاری، همانطور که از نامش پیداست، بر اساس عدد 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 | شرح |
|---|---|---|---|---|---|
| سفید | #fffff یا #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. رنگ ها در صفحه وب
کدهای رنگ در CSS برای تعیین رنگ ها استفاده می شوند. به طور معمول، کدهای رنگ یا مقادیر رنگبرای تنظیم رنگ برای پیش زمینه یک عنصر (به عنوان مثال، رنگ متن، پیوندها) یا پس زمینه یک عنصر (رنگ پس زمینه، بلوک) استفاده می شود. همچنین می توان از آنها برای تغییر رنگ دکمه، حاشیه ها، نشانگر، شناور و سایر جلوه های تزئینی استفاده کرد.
شما می توانید مقادیر رنگ خود را در آن تنظیم کنید فرمت های مختلف. جدول زیر تمام فرمت های ممکن را فهرست می کند:
این فرمت ها با جزئیات بیشتر در زیر توضیح داده شده است.
رنگ های CSS - کدهای هگز
کد رنگ هگزادسیمالیک نمایش رنگی شش رقمی است. دو رقم اول (RR) مقدار قرمز، دو رقم بعدی مقدار سبز (GG) و دو رقم آخر مقدار آبی (BB) هستند.
رنگ های CSS - کدهای هگز کوتاه
کد رنگ هگزادسیمال کوتاهشکل کوتاه تری از نماد شش نویسه است. در این فرمت، هر رقم تکرار می شود تا مقدار رنگ شش رقمی معادل تولید شود. به عنوان مثال: #0F0 تبدیل به #00FF00 می شود.
مقدار هگزادسیمال را می توان از هر گرافیکی گرفت نرم افزار، مانند فتوشاپ، نقشه اصلی و غیره
قبل از هر کد رنگ هگزا دسیمال در CSS یک علامت هش "#" وجود دارد. در زیر نمونه هایی از استفاده از نماد هگزادسیمال آورده شده است.
رنگ های CSS - مقادیر RGB
مقدار RGBیک کد رنگی است که با استفاده از ویژگی rgb () تنظیم می شود. این ویژگی سه مقدار می گیرد: هر کدام یکی برای قرمز، سبز و آبی. مقدار می تواند یک عدد صحیح، از 0 تا 255، یا یک درصد باشد.
توجه داشته باشید:همه مرورگرها از ویژگی رنگ rgb() پشتیبانی نمی کنند، بنابراین استفاده از آن توصیه نمی شود.
در زیر نمونه ای وجود دارد که چندین رنگ را با استفاده از مقادیر RGB نشان می دهد.
تولید کننده کد رنگ
شما می توانید میلیون ها کد رنگ را با خدمات ما ایجاد کنید.
رنگ های ایمن مرورگر
در زیر جدولی از 216 رنگ که امن ترین و مستقل از کامپیوتر هستند را مشاهده می کنید. این رنگ ها در CSS از 000000 تا کد هگز FFFFFF متغیر است. استفاده از آنها بی خطر است زیرا اطمینان می دهند که همه رایانه ها هنگام کار با پالت رنگ 256 رنگ را به درستی نشان می دهند.
| جدول رنگ های "ایمن" در CSS | |||||
| #000000 | #000033 | #000066 | #000099 | #0000 سی سی | #0000FF |
| #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 سی سی | #3300FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600 سی سی | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #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 |
ماژول رنگی 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
کاراکترهای فاصله در اطراف مقادیر عددی مجاز هستند.