کد یاسی. آموزش HTML. رنگ های RGB رنگ های پالت ایمن رنگ های CSS - مقادیر RGB

جدول (پالت) رنگ ها htmlاین فرصت را به شما می دهد تا به طور مستقل آهنگ مورد نیاز خود را انتخاب کنید. مقدار رنگ در سه فرمت Hex، RGB و HSV نمایش داده می شود.

  • Hex از سه مقدار دو کاراکتری در سیستم اعداد هگزادسیمال تشکیل شده است. به عنوان مثال: #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
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

رنگ های 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

برای صفحات html، رنگ ها عمدتاً در سیستم هگزادسیمال نشان داده می شوند. برای انجام این کار، از دو نوع ضبط کد استفاده می شود - کامل یا مخفف. برای نشان دادن صحیح رنگ html به طور کامل، باید شش کاراکتر (اعداد و/یا حروف انگلیسی) را بعد از علامت هش بنویسید، به عنوان مثال، سیاه به این صورت نوشته می شود: #000000. خلاصه برای تعیین رنگ های html از یک هش و سه عدد و/یا حرف پشت آن تشکیل شده است. با این حال، این نوع سهام تنها در صورتی قابل استفاده است که رکورد کامل یک رنگ مشخص از نمادهای یکسان بعد از علامت هش تشکیل شده باشد. به عنوان مثال، همان رنگ مشکی را می توان اینگونه نوشت: #000. شما می توانید رنگ های html را با استفاده از کاراکترهای بزرگ و کوچک مشخص کنید، زیرا به حروف بزرگ و کوچک حساس نیستند.

هر کاراکتری که بعد از "#" نوشته می شود، با نسبت معینی از رنگ های قرمز، سبز و آبی مطابقت دارد. به نوبه خود ، همه مانیتورها از تعداد زیادی پیکسل (نقاط میکروسکوپی) تشکیل شده اند که هر کدام شامل 3 به اصطلاح "چراغ قوه" (منابع نور) هستند: قرمز ، سبز و آبی. سپس، با تنظیم شدت نور ساطع شده توسط این "چراغ قوه"، مانیتور رنگ مورد نیاز ما را نمایش می دهد.

با ترکیب شدت انتشار نور قرمز، آبی و سبز (از 0 تا 256)، مانیتورها می توانند 16000000 سایه مختلف را نمایش دهند.

همچنین، رنگ ها برای وب سایت ها را می توان به صورت شفاهی یا با کد RGB نشان داد.

امروزه 147 رنگ را می توان به صورت شفاهی نوشت. مهم است بدانید که برخی از نام‌های مختلف می‌توانند به معنای رنگ‌های یکسان باشند، به عنوان مثال خاکستری و خاکستری رنگ خاکستری هستند (#808080).

رنگ های ایمن برای وب سایت ها

هر مانیتور و مرورگری نمی تواند همه 16 میلیون رنگ html را به درستی نمایش دهد.

به عنوان مثال، اگر با رنگی مواجه شدید که مرورگر نمی تواند به درستی نمایش دهد، سپس:

  1. مرورگر آن را با مرورگر جایگزین می کند که بیشتر شبیه به آن است و می تواند با موفقیت بازتولید شود.
  2. برای نمایش صحیح، مرورگر می تواند چندین رنگ را ترکیب کرده و نتیجه را بازتولید کند.

برای اطمینان از اینکه خروجی در هر مرورگر و در هر مانیتور رنگی است که در کد مشخص کرده اید، توصیه می شود از "Safe Colors" استفاده کنید. آنها نه به صورت دستی یا به میل شخص دیگری، بلکه به صورت ریاضی تعیین شدند. 216 رنگ 100% ایمن برای اسناد HTML وجود دارد. و اگرچه فناوری‌های امروزی به نقطه‌ای رسیده‌اند که مانیتورها و مرورگرهای مدرن میلیون‌ها سایه را تشخیص می‌دهند، توصیه می‌کنیم از این رنگ‌های ایمن برای تضمین ارائه رنگ استفاده کنید.

نمودار رنگ ایمن HTML
سیستم رنگ هگزادسیمال کدهای رنگ در RGB (قرمز، سبز، آبی).
کد رنگ HTML: #000000 رنگ RGB: 0 0 0
کد رنگ HTML: #333333 رنگ RGB: 51 51 51
کد رنگ HTML: #666666 رنگ RGB: 102 102 102
کد رنگ HTML: #999999 رنگ RGB: 153 153 153
کد رنگ HTML: #CCCCCC رنگ RGB: 204 204 204
کد رنگ HTML: #FFFFFF رنگ RGB: 255 255 255
کد رنگ HTML: #666600 رنگ RGB: 102 102 0
کد رنگ HTML: #999900 رنگ RGB: 153 153 0
کد رنگ HTML: #999933 رنگ RGB: 153 153 51
کد رنگ HTML: #999966 رنگ RGB: 153 153 102
کد رنگ HTML: #CCCC33 رنگ RGB: 204 204 51
کد رنگ HTML: #CCCC66 رنگ RGB: 204 204 102
کد رنگ HTML: #333300 رنگ RGB: 51 51 0
کد رنگ HTML: #666633 رنگ RGB: 102 102 51
کد رنگ HTML: #CCCC99 رنگ RGB: 204 204 153
کد رنگ HTML: #CCFF33 رنگ RGB: 204 255 51
کد رنگ HTML: #CCFF00 رنگ RGB: 204 255 0
کد رنگ HTML: #CCFF66 رنگ RGB: 204 255 102
کد رنگ HTML: #669900 رنگ RGB: 102 153 0
کد رنگ HTML: #99CC33 رنگ RGB: 153 204 51
کد رنگ HTML: #99CC00 رنگ RGB: 153 204 0
کد رنگ HTML: #99CC66 رنگ RGB: 153 204 102
کد رنگ HTML: #99FF33 رنگ RGB: 153 255 51
کد رنگ HTML: #99FF00 رنگ RGB: 153 255 0
کد رنگ HTML: #336600 رنگ RGB: 51 102 0
کد رنگ HTML: #669933 رنگ RGB: 102 153 51
کد رنگ HTML: #66CC33 رنگ RGB: 102 204 51
کد رنگ HTML: #66CC00 رنگ RGB: 102 204 0
کد رنگ HTML: #99FF66 رنگ RGB: 153 255 102
کد رنگ HTML: #CCFF99 رنگ RGB: 204 255 153
کد رنگ HTML: #009900 رنگ RGB: 0 153 0
کد رنگ HTML: #339900 رنگ RGB: 51 153 0
کد رنگ HTML: #33CC00 رنگ RGB: 51 204 0
کد رنگ HTML: #33FF00 رنگ RGB: 51 255 0
کد رنگ HTML: #66FF33 رنگ RGB: 102 255 51
کد رنگ HTML: #66FF00 رنگ RGB: 102 255 0
کد رنگ HTML: #00CC33 رنگ RGB: 0 204 51
کد رنگ HTML: #33CC33 رنگ RGB: 51 204 51
کد رنگ HTML: #00CC00 رنگ RGB: 0 204 0
کد رنگ HTML: #00FF00 رنگ RGB: 0 255 0
کد رنگ HTML: #00FF33 رنگ RGB: 0 255 51
کد رنگ HTML: #33FF33 رنگ RGB: 51 255 51
کد رنگ HTML: #003300 رنگ RGB: 0 51 0
کد رنگ HTML: #336633 رنگ RGB: 51 102 51
کد رنگ HTML: #669966 رنگ RGB: 102 153 102
کد رنگ HTML: #66CC66 رنگ RGB: 102 204 102
کد رنگ HTML: #99CC99 رنگ RGB: 153 204 153
کد رنگ HTML: #CCFFCC رنگ RGB: 204 255 204
کد رنگ HTML: #006600 رنگ RGB: 0 102 0
کد رنگ HTML: #339933 رنگ RGB: 51 153 51
کد رنگ HTML: #00FF66 رنگ RGB: 0 255 102
کد رنگ HTML: #33FF66 رنگ RGB: 51 255 102
کد رنگ HTML: #66FF66 رنگ RGB: 102 255 102
کد رنگ HTML: #99FF99 رنگ RGB: 153 255 153
کد رنگ HTML: #009933 رنگ RGB: 0 153 51
کد رنگ HTML: #00CC66 رنگ RGB: 0 204 102
کد رنگ HTML: #33CC66 رنگ RGB: 51 204 102
کد رنگ HTML: #00FF99 رنگ RGB: 0 255 153
کد رنگ HTML: #33FF99 رنگ RGB: 51 255 153
کد رنگ HTML: #66FF99 رنگ RGB: 102 255 153
کد رنگ HTML: #006633 رنگ RGB: 0 102 51
کد رنگ HTML: #009966 رنگ RGB: 0 153 102
کد رنگ HTML: #339966 رنگ RGB: 51 153 102
کد رنگ HTML: #00CC99 رنگ RGB: 0 204 153
کد رنگ HTML: #33CC99 رنگ RGB: 51 204 153
کد رنگ HTML: #66CC99 رنگ RGB: 102 204 153
کد رنگ HTML: #009999 رنگ RGB: 0 153 153
کد رنگ HTML: #33CCCC رنگ RGB: 51 204 204
کد رنگ HTML: #00FFCC رنگ RGB: 0 255 204
کد رنگ HTML: #33FFCC رنگ RGB: 51 255 204
کد رنگ HTML: #66FFCC رنگ RGB: 102 255 204
کد رنگ HTML: #99FFCC رنگ RGB: 153 255 204
کد رنگ HTML: #00CCCC رنگ RGB: 0 204 204
کد رنگ HTML: #00FFFF رنگ RGB: 0 255 255
کد رنگ HTML: #33FFFF رنگ RGB: 51 255 255
کد رنگ HTML: #66FFFF رنگ RGB: 102 255 255
کد رنگ HTML: #99FFFF رنگ RGB: 153 255 255
کد رنگ HTML: #CCFFFF رنگ RGB: 204 255 255
کد رنگ HTML: #336666 رنگ RGB: 51 102 102
کد رنگ HTML: #006666 رنگ RGB: 0 102 102
کد رنگ HTML: #669999 رنگ RGB: 102 153 153
کد رنگ HTML: #339999 رنگ RGB: 51 153 153
کد رنگ HTML: #66CCCC رنگ RGB: 102 204 204
کد رنگ HTML: #99CCCC رنگ RGB: 153 204 204
کد رنگ HTML: #003333 رنگ RGB: 0 51 51
کد رنگ HTML: #0099CC رنگ RGB: 0 153 204
کد رنگ HTML: #3399CC رنگ RGB: 51 153 204
کد رنگ HTML: #00CCFF رنگ RGB: 0 204 255
کد رنگ HTML: #33CCFF رنگ RGB: 51 204 255
کد رنگ HTML: #66CCFF رنگ RGB: 102 204 255
کد رنگ HTML: #006699 رنگ RGB: 0 102 153
کد رنگ HTML: #336699 رنگ RGB: 51 102 153
کد رنگ HTML: #6699CC رنگ RGB: 102 153 204
کد رنگ HTML: #0099FF رنگ RGB: 0 153 255
کد رنگ HTML: #3399FF رنگ RGB: 51 153 255
کد رنگ HTML: #99CCFF رنگ RGB: 153 204 255
کد رنگ HTML: #003366 رنگ RGB: 0 51 102
کد رنگ HTML: #003399 رنگ RGB: 0 51 153
کد رنگ HTML: #0033FF رنگ RGB: 0 51 255
کد رنگ HTML: #3366CC رنگ RGB: 51 102 204
کد رنگ HTML: #0066CC رنگ RGB: 0 102 204
کد رنگ HTML: #0066FF رنگ RGB: 0 102 255
کد رنگ HTML: #000033 رنگ RGB: 0 0 51
کد رنگ HTML: #0033CC رنگ RGB: 0 51 204
کد رنگ HTML: #0000CC رنگ RGB: 0 0 204
کد رنگ HTML: #0000FF رنگ RGB: 0 0 255
کد رنگ HTML: #3366FF رنگ RGB: 51 102 255
کد رنگ HTML: #6699FF رنگ RGB: 102 153 255
کد رنگ HTML: #000066 رنگ RGB: 0 0 102
کد رنگ HTML: #000099 رنگ RGB: 0 0 153
کد رنگ HTML: #3333CC رنگ RGB: 51 51 204
کد رنگ HTML: #3300CC رنگ RGB: 51 0 204
کد رنگ HTML: #3300FF رنگ RGB: 51 0 255
کد رنگ HTML: #3333FF رنگ RGB: 51 51 255
کد رنگ HTML: #333366 رنگ RGB: 51 51 102
کد رنگ HTML: #333399 رنگ RGB: 51 51 153
کد رنگ HTML: #666699 رنگ RGB: 102 102 153
کد رنگ HTML: #6666CC رنگ RGB: 102 102 204
کد رنگ HTML: #6666FF رنگ RGB: 102 102 255
کد رنگ HTML: #9999CC رنگ RGB: 153 153 204
کد رنگ HTML: #330066 رنگ RGB: 51 0 102
کد رنگ HTML: #330099 رنگ RGB: 51 0 153
کد رنگ HTML: #6600FF رنگ RGB: 102 0 255
کد رنگ HTML: #6633FF رنگ RGB: 102 51 255
کد رنگ HTML: #9999FF رنگ RGB: 153 153 255
کد رنگ HTML: #CCCCFF رنگ RGB: 204 204 255
کد رنگ HTML: #330033 رنگ RGB: 51 0 51
کد رنگ HTML: #663399 رنگ RGB: 102 51 153
کد رنگ HTML: #6633CC رنگ RGB: 102 51 204
کد رنگ HTML: #6600CC رنگ RGB: 102 0 204
کد رنگ HTML: #9966FF رنگ RGB: 153 102 255
کد رنگ HTML: #9966CC رنگ RGB: 153 102 204
کد رنگ HTML: #663366 رنگ RGB: 102 51 102
کد رنگ HTML: #660099 رنگ RGB: 102 0 153
کد رنگ HTML: #9900FF رنگ RGB: 153 0 255
کد رنگ HTML: #9933FF رنگ RGB: 153 51 255
کد رنگ HTML: #9933CC رنگ RGB: 153 51 204
کد رنگ HTML: #CC99FF رنگ RGB: 204 153 255
کد رنگ HTML: #660066 رنگ RGB: 102 0 102
کد رنگ HTML: #996699 رنگ RGB: 153 102 153
کد رنگ HTML: #9900CC رنگ RGB: 153 0 204
کد رنگ HTML: #CC00FF رنگ RGB: 204 0 255
کد رنگ HTML: #CC33FF رنگ RGB: 204 51 255
کد رنگ HTML: #CC66FF رنگ RGB: 204 102 255
کد رنگ HTML: #993399 رنگ RGB: 153 51 153
کد رنگ HTML: #990099 رنگ RGB: 153 0 153
کد رنگ HTML: #CC33CC رنگ RGB: 204 51 204
کد رنگ HTML: #CC00CC رنگ RGB: 204 0 204
کد رنگ HTML: #CC66CC رنگ RGB: 204 102 204
کد رنگ HTML: #CC99CC رنگ RGB: 204 153 204
کد رنگ HTML: #CC3399 رنگ RGB: 204 51 153
کد رنگ HTML: #FF00FF رنگ RGB: 255 0 255
کد رنگ HTML: #FF33FF رنگ RGB: 255 51 255
کد رنگ HTML: #FF66FF رنگ RGB: 255 102 255
کد رنگ HTML: #FF99FF رنگ RGB: 255 153 255
کد رنگ HTML: #FFCCFF رنگ RGB: 255 204 255
کد رنگ HTML: #990066 رنگ RGB: 153 0 102
کد رنگ HTML: #CC0099 رنگ RGB: 204 0 153
کد رنگ HTML: #CC6699 رنگ RGB: 204 102 153
کد رنگ HTML: #FF33CC رنگ RGB: 255 51 204
کد رنگ HTML: #FF00CC رنگ RGB: 255 0 204
کد رنگ HTML: #FF66CC رنگ RGB: 255 102 204
کد رنگ HTML: #660033 رنگ RGB: 102 0 51
کد رنگ HTML: #993366 رنگ RGB: 153 51 102
کد رنگ HTML: #CC0066 رنگ RGB: 204 0 102
کد رنگ HTML: #FF0099 رنگ RGB: 255 0 153
کد رنگ HTML: #FF3399 رنگ RGB: 255 51 153
کد رنگ HTML: #FF99CC رنگ RGB: 255 153 204
کد رنگ HTML: #663333 رنگ RGB: 102 51 51
کد رنگ HTML: #996666 رنگ RGB: 153 102 102
کد رنگ HTML: #CC3366 رنگ RGB: 204 51 102
کد رنگ HTML: #FF0066 رنگ RGB: 255 0 102
کد رنگ HTML: #FF3366 رنگ RGB: 255 51 102
کد رنگ HTML: #FF6699 رنگ RGB: 255 102 153
کد رنگ HTML: #330000 رنگ RGB: 51 0 0
کد رنگ HTML: #990033 رنگ RGB: 153 0 51
کد رنگ HTML: #993333 رنگ RGB: 153 51 51
کد رنگ HTML: #CC3333 رنگ RGB: 204 51 51
کد رنگ HTML: #CC6666 رنگ RGB: 204 102 102
کد رنگ HTML: #CC9999 رنگ RGB: 204 153 153
کد رنگ HTML: #CC0033 رنگ RGB: 204 0 51
کد رنگ HTML: #FF0033 رنگ RGB: 255 0 51
کد رنگ HTML: #FF3333 رنگ RGB: 255 51 51
کد رنگ HTML: #FF6666 رنگ RGB: 255 102 102
کد رنگ HTML: #FF9999 رنگ RGB: 255 153 153
کد رنگ HTML: #FFCCCC رنگ RGB: 255 204 204
کد رنگ HTML: #990000 رنگ RGB: 153 0 0
کد رنگ HTML:#CC0000 رنگ RGB: 204 0 0
کد رنگ HTML: #FF0000 رنگ RGB: 255 0 0
کد رنگ HTML: #FF3300 رنگ RGB: 255 51 0
کد رنگ HTML: #CC3300 رنگ RGB: 204 51 0
کد رنگ HTML: #FF6633 رنگ RGB: 255 102 51
کد رنگ HTML: #660000 رنگ RGB: 102 0 0
کد رنگ HTML: #993300 رنگ RGB: 153 51 0
کد رنگ HTML: #CC6633 رنگ RGB: 204 102 51
کد رنگ HTML: #FF6600 رنگ RGB: 255 102 0
کد رنگ HTML: #FF9966 رنگ RGB: 255 153 102
کد رنگ HTML: #FFCC99 رنگ RGB: 255 204 153
کد رنگ HTML: #663300 رنگ RGB: 102 51 0
کد رنگ HTML: #996633 رنگ RGB: 153 102 51
کد رنگ HTML: #CC6600 رنگ RGB: 204 102 0
کد رنگ HTML: #CC9966 رنگ RGB: 204 153 102
کد رنگ HTML: #FF9933 رنگ RGB: 255 153 51
کد رنگ HTML: #FF9900 رنگ RGB: 255 153 0
کد رنگ HTML: #996600 رنگ RGB: 153 102 0
کد رنگ HTML: #CC9933 رنگ RGB: 204 153 51
کد رنگ HTML: #CC9900 رنگ RGB: 204 153 0
کد رنگ HTML: #FFCC33 رنگ RGB: 255 204 51
کد رنگ HTML: #FFCC00 رنگ RGB: 255 204 0
کد رنگ HTML: #FFCC66 رنگ RGB: 255 204 102
کد رنگ HTML: #CCCC00 رنگ RGB: 204 204 0
کد رنگ HTML: #FFFF00 رنگ RGB: 255 255 0
کد رنگ HTML: #FFFF33 رنگ RGB: 255 255 51
کد رنگ HTML: #FFFF66 رنگ RGB: 255 255 102
کد رنگ HTML: #FFFF99 رنگ RGB: 255 255 153
کد رنگ HTML: #FFFFCC رنگ RGB: 255 255 204

این جدول شامل 216 کد رنگ امن html می باشد. هر رنگ دارای مقدار RGB برای تعیین رنگ در ویرایشگرهای گرافیکی و HEX برای تعیین رنگ در صفحات html است.

برای تعیین رنگ ها از اعداد هگزادسیمال استفاده می شود. سیستم هگزادسیمال بر خلاف سیستم اعشاری، همانطور که از نامش پیداست، بر اساس عدد 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 و توضیحات را نشان می دهد.

جدول 1. نام رنگ ها
نام رنگ کد 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)