رنگ آبی بنفش rgb. آموزش HTML. رنگ های RGB رنگ های پالت ایمن
>> مدیریت رنگ
مقادیر رنگ RGB هگزادسیمال
روشهای توصیف و پردازش رنگها از این نظر که برای نمایش نهایی در نظر گرفته شدهاند، با یکدیگر متفاوت هستند. بیایید، برای مثال، نمایش رنگ ها را برای پلی گرافی و برای نمایشگرهای کامپیوتر مقایسه کنیم. در مورد اول، اساس است سفیدرنگ کاغذی که بعداً سه رنگ اصلی روی آن اعمال می شود: آبی, رنگ بنفشو رنگ زرد. این سه رنگ اصلی با اختلاط با یکدیگر و با رنگ سفید کاغذ به نسبت های مختلف، سایه های رنگی متفاوتی به جز سیاه خالص می دهند یا در غیاب کامل رنگ کاغذ سفید می دهند. اگر رنگ مشکی را به آنها اضافه کنیم، می گیریم CMYK- راهی برای انتقال رنگ زمانی که رنگ مورد نظر با کم کردن رنگ های از دست رفته از سفید به دست می آید.
در مورد دوم، اساس است سیاهرنگ صفحه نمایش مانیتور که هر سلول آن در یکی از سه رنگ می درخشد: قرمز-قرمز، سبز-سبز و آبی-آبی. سپس در غیاب کامل هیچ درخششی، یک رنگ سیاه خالص از صفحه نمایش به دست می آید و هر یک از رنگ های مورد نیاز با نسبت هر یک از سه رنگ به دست می آید. در این صورت به دست خواهیم آورد RGB- روش انتقال رنگ رنگ های اولیه می توانند معانی از 0
قبل از 255
، یا از 0%
قبل از 100%
، یا می تواند به عنوان یک مقدار هگزادسیمال نمایش داده شود. در شکل زیر نتایج اختلاط رنگ های اصلی را مشاهده می کنید.
سیستم اعداد هگزا دسیمال، بر خلاف سیستم اعداد اعشاری، نه ده رقم در سری ارقام خود، بلکه شانزده رقم دارد - از این رو نام آن است. بر این اساس، انواع غیر تکراری ترکیبات دو رقمی فقط می توانند - 256 ، برای ادامه سری ارقام بعد از آن 9 نامه هایی از آقبل از اف، بنابراین ردیف به این شکل خواهد بود -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
در این مورد، رنگ با سه عدد هگزادسیمال، که هر کدام از دو رقم تشکیل شده است، داده می شود. عدد اول شدت را تعیین می کند قرمزرنگ ها، متوسط سبز، آخرین چیز- آبیرنگ ها همه اعداد می توانند مقادیر متفاوتی داشته باشند 00 قبل از FF(از 0 تا 255). به عنوان مثال: رنگ سبز به عنوان داده شده است #00FF00، قرمز مانند #FF0000، آبی - مانند #0000FF، سفید مانند #FFFFFF، عدم وجود کامل رنگ یا سیاه به عنوان داده شده است #000000 .
در فرم زیر می توانید هر مقدار هگزادسیمال را برای هر یک از سه رنگ تنظیم کنید و با کلیک در قسمت خروجی نتیجه اختلاط آنها را مشاهده کنید.
نمونه هایی از مقادیر رنگ RGB هگزادسیمال: درجه بندی قرمز، آبی و سبز.
چشم انداز | کد | چشم انداز | کد | چشم انداز | کد | چشم انداز | کد | چشم انداز | کد | چشم انداز | کد |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
تعیین رنگ با حروف الفبای رشته
برای سهولت استفاده به برخی از رنگ ها و ترکیبات آنها نام هایی داده شد که توسط همه مرورگرها تشخیص داده شد و امکان تنظیم نام بسیاری از آنها فراهم شد. جدول زیر تعدادی از نام رنگ ها را نشان می دهد:
چشم انداز | نام | چشم انداز | نام | چشم انداز | نام | چشم انداز | نام |
سفید | قرمز | نارنجی | رنگ زرد | ||||
سبز | آبی | رنگ بنفش | مشکی | ||||
آلیس آبی | سفید عتیقه | آبی | آکوامارین | ||||
لاجوردی | رنگ بژ | سوپ غلیظ خامه ای | بلانچدالموند | ||||
بنفش آبی | رنگ قهوه ای | بوقلمون | آبی کادت | ||||
Chartreuse | شکلات | مرجان | گل ذرت | ||||
ابریشم ذرت | زرشکی | فیروزه ای | آبی تیره | ||||
دارک سیان | میله طلایی تیره | خاکستری تیره | سبز تیره | ||||
دارکخاکی | Darkmagenta | دارکولیو گرین | نارنجی تیره | ||||
دارکورچید | قرمز تیره | سالمون تیره | سبز دریای تیره | ||||
آبی تیره | خاکستری تیره | فیروزه ای تیره | بنفش تیره | ||||
صورتی پررنگ | آبی آسمان عمیق | تیره رنگ | آبی طفره زن | ||||
آجر نسوز | سفید گلدار | جنگل سبز | فوشیا | ||||
گینزبورو | شبح سفید | طلا | گلدنرود | ||||
خاکستری | زرد سبز | عسلک | هات پینک | ||||
سرخ هندی | نیل | عاج | خاکی | ||||
اسطوخودوس | رژگونه اسطوخودوس | لیمونشیفون | آبی کمرنگ | ||||
مرجان روشن | سبز رنگ | رنگ زرد روشن | سبز روشن | ||||
خاکستری روشن | صورتی روشن | سالمون سبک | لایت سیگرین | ||||
آبی روشن | خاکستری تیغه روشن | آبی روشن فولادی | زرد کمرنگ | ||||
اهک | لیمو سبز | کتانی | ارغوانی | ||||
مارون | مدیوم آکوامارین | آبی متوسط | ارکیده متوسط | ||||
بنفش متوسط | سبز متوسط | رنگ آبی متوسط | بهار سبز متوسط | ||||
فیروزه ای متوسط | بنفش متوسط | آبی نیمه شب | کرم نعنا | ||||
میستروز | ناواهو سفید | نیروی دریایی | قدیمی | ||||
زیتون | زیتون | قرمز نارنجی | ارکیده | ||||
palegoldenrod | سبز کمرنگ | رنگی فیروزه ای | رنگ بنفش کمرنگ | ||||
شلاق پاپایا | پفک هلو | پرو | رنگ صورتی | ||||
آلو | آبی پودری | رزی براون | آبی سلطنتی | ||||
قهوه ای زینی | سبز دریایی | صدف دریایی | سینا | ||||
نقره | آبی آسمانی | تخته سنگ آبی | اسلیت گری | ||||
برف | بهارگرین | آبی فولادی | قهوهای مایل به زرد | ||||
آبی رنگ | خار مریم | گوجه فرنگی | فیروزه | ||||
بنفش | گندم | دود سفید | زرد سبز |
استفاده از انتخابگر رنگ ایمن
متأسفانه، در پلتفرم های مختلف، با تنظیمات مختلف سیستم، بازتولید صحیح رنگ مشکل ساز است. نکته این است که مرورگر همیشه سعی می کند با ترکیب و جایگزینی رنگ ها به تنهایی، پالت رنگ سند را با تنظیمات سیستم و قابلیت های مانیتور تنظیم کند. در نتیجه، گاهی اوقات کاربر دقیقاً آنچه را که مدیر وب می خواست به او نشان دهد، نمی بیند. راه برون رفت از این وضعیت در استفاده از پالتی یافت شد که هر رنگ آن تضمین شده است که به یک شکل توسط همه مرورگرها در پلتفرم های مختلف ارائه شود. این به اصطلاح تضمینپالت، همچنین به عنوان شناخته شده است بی خطرجعبه رنگ نقاشی. این پالت شامل رنگ هایی است که اجزای رنگ آنها مقادیر زیر را به خود می گیرند: 00 ,33 ,66 ,99 , CC,FF، در تمام موارد ممکن 216 ترکیبات آنها
چشم انداز | کد | چشم انداز | کد | چشم انداز | کد | چشم انداز | کد | چشم انداز | کد | چشم انداز | کد |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399 سی سی | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699 سی سی | 336699 | 006699 | ||||||
0066FF | 3366 سی سی | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000 FF | 0000 سی سی | 0033CC | 000033 | ||||||
3333FF | 3300 FF | 3300 سی سی | 3333 سی سی | 000099 | 000066 | ||||||
9999 سی سی | 6666FF | 6666 سی سی | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600 FF | 330099 | 330066 | ||||||
9966 سی سی | 9966FF | 6600 سی سی | 6633 سی سی | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900 FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900 سی سی | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
کدهای ماین کرافت رنگ هایا Minecraft کدهاقالب بندی، به هر بازیکنی اجازه دهید گل اضافه کند و متن را به هر شکل ممکن در Minecraft قالب بندی کند. کدهای رنگاز &0-9 تا &a-f. آنها را قبل از متن خود اضافه کنید. پیامهای بازیکنان ممکن است حاوی کدهای رنگی باشد که به شما امکان میدهد به جملات خود رنگ اضافه کنید.
رنگ ها و کدهای قالب بندی
علامت علامت (&) به دنبال یک عدد هگزا دسیمال در پیام ها به مشتری سیگنال می دهد که هنگام نمایش متن رنگ ها را تغییر دهد. متن دیگر را می توان با استفاده از کاراکتر & و به دنبال آن یک حرف قالب بندی کرد. میتوانید رنگهای مختلفی را به کتابها، بلوکهای فرمان، نام سرور، توضیحات سرور (motd)، نامهای جهان، علائم و حتی نام بازیکنان اضافه کنید.
قالب بندی متن خود در تنظیمات یا در بازی با استفاده از نمودار رنگی زیر بسیار آسان است. &r برای پاک کردن همه کدها استفاده می شود. &mAAA&rBBB به صورت AAA BBB نمایش داده می شود.
ما جدولی از کدهای رنگ موجود در Minecraft را برای راحتی شما ارائه می دهیم:
کد | نام | نام فنی | رنگ نماد | رنگ سایه نماد | ||||||
---|---|---|---|---|---|---|---|---|---|---|
آر | جی | ب | هگز | آر | جی | ب | هگز | |||
&0 | مشکی | سیاه | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | آبی تیره | آبی تیره | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | سبز تیره | سبز تیره | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | آبی-سبز تیره | dark_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
&4 | قرمز تیره | قرمز تیره | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | بنفش تیره | بنفش تیره | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | طلا | طلا | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | خاکستری | خاکستری | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | خاکستری تیره | خاکستری تیره | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | آبی | آبی | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&آ | سبز | سبز | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | سبز آبی | آبی | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&c | قرمز | قرمز | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | بنفش روشن | روشن_بنفش | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | رنگ زرد | رنگ زرد | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | سفید | سفید | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
گاهی اوقات لازم است زیر خط بکش، زیر خط بکش، برجستهچند متن. برای این کار از قالب بندی متن استفاده می شود. مانند رنگ ها (قبل از متنی که قرار داده ایم) استفاده می شود کدبرای مثال &lMinecraft= ماین کرافت.
برای راحتی شما، جدولی از کدهای قالب بندی در زیر آمده است:
کد | نام |
---|---|
&k | متن جادویی |
&l | بند انگشتی |
&m | متن خط خورده |
&n | متن خط دار |
&o | متن کج |
&r | متن بدون قالب بندی |
در 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 |
کدهای رنگ (پس زمینه) بر اساس اشباع و رنگ.
برای تعیین رنگ ها از اعداد هگزادسیمال استفاده می شود. سیستم هگزادسیمال بر خلاف سیستم اعشاری، همانطور که از نامش پیداست، بر اساس عدد 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 | شرح |
---|---|---|---|---|---|
سفید | #فففف یا #ففف | 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. رنگ ها در صفحه وب