برای تعیین رنگ ها از اعداد هگزادسیمال استفاده می شود. سیستم هگزادسیمال، برخلاف سیستم اعشاری، همانطور که از نامش پیداست، بر اساس عدد 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 که به ویژگی پسزمینه-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. رنگ ها در صفحه وب
این صفحه حاوی یک جدول با کلمات کلیدی است که می توان از آنها برای تعیین رنگ در زبان های توسعه وب مانند: HTML، CSS، جاوا اسکریپت، فلش و غیره استفاده کرد.
در مشخصات قدیمی WC3، تنها 16 کلمه کلیدی برای تنظیم رنگ ها در HTML و CSS استفاده می شد. در بعدها، مشخصات مدرن تر، 130 کلمه کلیدی دیگر برای نشان دادن نام رنگ ها اضافه شد. جدول زیر شامل نام رنگ ها، کدهای هگزادسیمال و RGB آنها می باشد.
طبق قوانین CSS، نام رنگ ها به حروف بزرگ و کوچک حساس نیستند. ورودی های رنگ IndianRed و indianred معادل هستند.
همچنین شایان ذکر است که از 146 کلمه کلیدی جدول، در واقع رنگ های کمتری در آن وجود دارد. این به این دلیل است که برخی از کلمات کلیدی به یک رنگ اشاره دارند. بنابراین نام خاکستری و خاکستری به معنای 50 درصد خاکستری با کد #808080 است، در حالی که کلمه Magenta مترادف HTML برای رنگ فوشیا است که مربوط به کد هگز #FF00FF است. کلمات Aqua و Cyan نیز مترادف هستند، آنها با کد #00FFFF مطابقت دارند.
|
|
جدول (پالت) رنگ های 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 | |
LightSea Green | #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 | |
چارتر استفاده | #7FFF00 | |
آکوامارین | #7FFFD4 | |
مارون | #800000 | |
رنگ بنفش | #800080 | |
زیتون | #808000 | |
خاکستری | #808080 | |
آبی آسمانی | #87CEEB | |
نور آسمان آبی | #87 CEFA | |
بنفش آبی | #8A2BE2 | |
قرمز تیره | #8B0000 | |
DarkMagenta | #8B008B | |
زین براون | #8B4513 | |
سبز دریای تیره | #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 |
کدهای رنگ در CSS برای تعیین رنگ ها استفاده می شود. به طور معمول، کدهای رنگ یا مقادیر رنگ برای تنظیم یک رنگ برای پیش زمینه یک عنصر (به عنوان مثال، متن، رنگ پیوند) یا پس زمینه عنصر (پس زمینه، رنگ بلوک) استفاده می شود. همچنین می توان از آنها برای تغییر رنگ دکمه، حاشیه، نشانگر، شناور و سایر جلوه های تزئینی استفاده کرد.
شما می توانید مقادیر رنگ خود را در قالب های مختلف تنظیم کنید. جدول زیر تمام فرمت های ممکن را فهرست می کند:
این فرمت ها با جزئیات بیشتر در زیر توضیح داده شده است.
رنگ های CSS - کدهای هگز
کد رنگ هگزادسیمالیک نمایش رنگی شش رقمی است. دو رقم اول (RR) مقدار قرمز، دو رقم بعدی مقدار سبز (GG) و دو رقم آخر مقدار آبی (BB) هستند.
رنگ های CSS - کدهای هگز کوتاه
کد رنگ هگزادسیمال کوتاهشکل کوتاه تری از نماد شش نویسه است. در این فرمت، هر رقم تکرار می شود تا مقدار رنگ شش رقمی معادل تولید شود. به عنوان مثال: #0F0 تبدیل به #00FF00 می شود.
مقدار هگزادسیمال را می توان از هر نرم افزار گرافیکی مانند Adobe Photoshop، Core Draw و غیره دریافت کرد.
قبل از هر کد رنگ هگزا دسیمال در 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 |
رنگ های 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 فهرست کرده است: آبی (آکوامارین)، سیاه (سیاه)، آبی (آبی)، فوشیا (سرخابی)، خاکستری (خاکستری)، سبز (سبز)، لیمویی (آهکی یا سبز روشن)، مارون (شلوطی)، سرمه ای (اولترامارین)، زیتونی (زیتونی)، بنفش (بنفش)، قرمز (قرمز)، نقره ای (نقره ای)، آبی (خاکستری)، سفید (سفید) و زرد (زرد).
هنگام استفاده از رنگ هایی که در این لیست گنجانده نشده اند، استفاده از کد هگزا دسیمال (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 |