جدول (پالت) رنگ ها 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 | |
| CadetBlue | #5F9EA0 | |
| گل ذرت آبی | #6495ED | |
| مدیوم آکوامارین | #66CDAA | |
| تیره خاکستری | #696969 | |
| SlateBlue | #6A5ACD | |
| OliveDrab | #6B8E23 | |
| خاکستری تخته سنگ | #708090 | |
| LightSlate Gray | #778899 | |
| SlateBlue متوسط | #7B68EE | |
| چمن سبز | #7CFC00 | |
| چارتروز | #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 | |
| GhostWhite | #F8F8FF | |
| ماهی سالمون | #FA8072 | |
| عتیقه سفید | #FAEBD7 | |
| کتانی | #FAF0E6 | |
| طلایی روشن راد زرد | #FAFAD2 | |
| OldLace | #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 | |
| عاج | #FFFFFF0 | |
| سفید | #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 trace به عنوان #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 اضافه شده به پیکسل رنگ پس‌زمینه باید تأیید شود، اما دیگر هیچ افزودنی به پیکسل پس‌زمینه وجود ندارد. در این مورد، مرورگرها به طور کلی رنگ این قدرت و سایر قدرت ها را به درستی درک می کنند.
HSL
| اینترنت اکسپلورر | کروم | اپرا | سافاری | فایرفاکس | اندروید | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
فرمت HSL از اولین حروف Hue، Saturate و Lightness نامگذاری شده است. رنگ همان رنگ روی چوب است (شکل 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. Colori در صفحه وب
طراحی وب راه های مختلفی برای ارائه رنگ دارد
HEX یک سیستم هگزادسیمال است که رنگ ها را بر اساس 16 نشان می دهد. برای این سیستم، ده رقم عربی از 0 تا 9 و حروف لاتین از A تا F برای عدد دیجیتال اضافی تا 16 استفاده می شود. برای طراحی وب، 16 رنگ اصلی (کلید رنگ) گرفته شده، بنابراین رتبه شانزدهم کد رنگ #RRGGBB است، که در آن هر جفت رنگ را برای قسمت خود نشان می دهد: RR – قرمز، GG – سبز و BB – آبی. رنگ پوست از 00 تا FF متغیر است.
دو جلوه دیگر رنگ در طراحی وب عبارتند از: به شکل RGB(*،*،*)، که در آن قسمت "*" رنگ با ده ها رقم از 0 تا 255 و با نام رنگ در نمایش داده می شود. انگلیسی.
هنگام ایجاد یک تصویر رنگی، مشکل اصلی، انتقال صحیح رنگ ها به انواع مختلف کامپیوتر، مانیتور و مرورگر است. اگر مرورگر نتواند رنگ را به درستی نمایش دهد، رنگ مشابهی را انتخاب می کند یا تعدادی از رنگ ها را مخلوط می کند. یا می توانید آن را با رنگی کاملاً متفاوت جایگزین کنید.
جدول 16 رنگ اصلی، که در همه مرورگرها vikorist شده اند
| نام | رنگ | هگز | (RGB) |
| آکوا (morska hvilya) | #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) | |
| زرد (zhovtiy) | #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) | |
| یاس بنفش (boozkoviy) | #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) | |
| (Siry-vidtinok) | #858585 | (133,133,133) | |
| Gray33 (Syriy-33) | #545454 | (084,084,084) | |
| (سنگ سیروگو) | #708090 | (112,128,144) | |
| (کوارتزووی) | #99958с | (153,149,140) | |
| (Svetlo Siriy) | #بببب | (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 (Blіdo-Conflower Blue1) | #c6e2ff | (198,226,255) | |
| StateGray-2 (Blіdo-cornflower blue2) | #b9d3ee | (185,211,238) | |
| StateGray3() | #9fb6cd | (159,182,205) | |
| StateGray4() | #6c7b8b | (108,123,139) |
رنگ های 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)رنگ‌ها و مانیتورهای EPT عملاً می‌توانند تعداد محدودی رنگ را نمایش دهند).
در جدول زیر، قسمت رنگ قرمز از 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) |
نام رنگ های متقابل مرورگر (برای همه مرورگرها).
مجموعه ای از 150 نام رنگ در html که در تمامی مرورگرها پشتیبانی می شود.
نام رنگ های استاندارد شده
کنسرسیوم W3C 16 نام رنگ معتبر را برای HTML و CSS اصلاح کرده است: آبی، مشکی، آبی، فوشیا، خاکستری، سبز، لیمویی، مارون (شاه بلوطی)، آبی (الترامارین)، زیتونی (زیتونی)، بنفش (بنفش)، قرمز ( قرمز)، نقره ای (نقره ای)، آبی (آبی)، سفید (سفید) و زرد (zhovty).
هنگام انتخاب رنگ هایی که در این لیست گنجانده نشده اند، بهتر است از کد هگزا دسیمال (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 |
در این صفحه جدولی با کلمات کلیدی وجود دارد که می توان از آنها برای اختصاص رنگ ها به زبان های توسعه دهنده وب مانند: HTML، CSS، جاوا اسکریپت، فلش و غیره استفاده کرد.
در مشخصات قدیمی، نگرانی WC3 تنها 16 کلمه کلیدی تجویز شده بود، علاوه بر آن رنگ ها در HTML و CSS نصب می شدند. در ادامه، مشخصات فعلی بیشتر، 130 کلمه کلیدی دیگر برای تعیین نام رنگ ها اضافه شد. در اینجا جدولی وجود دارد که نام رنگ ها، کدهای هگزادسیمال و RGB را نشان می دهد.
با پیروی از قوانین CSS، نام رنگ ها به حروف بزرگ و کوچک حساس نیستند. ورودی های رنگ IndianRed و indianred برابر هستند.
همچنین شایان ذکر است که از 146 کلمه کلیدی موجود در جدول، در واقع رنگ های کمتری دارد. این بدان معنی است که این کلمات کلیدی به معنای یک رنگ هستند. بنابراین، نام خاکستری و خاکستری نشان دهنده رنگ 50 هگز با کد #808080 است و کلمه Magenta مترادف با رنگ HTML Fuchsia است که با کد هگز #FF00FF مطابقت دارد. همچنین مترادف با دو کلمه Aqua و Cyan، بوی بد با کد #00FFFF مطابقت دارد.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||