html و cssآموزش فتوشاپآموزش وبلاگ نویسیکد های وبمستر

نام و کد رنگ های وب در HTML و CSS

نام رنگ ها به فارسی و انگلیسی همراه با کد رنگ HEX و کد پایه در مدل RGB و نمونه رنگ ها

همیشه برای تنظیم رنگ متن ، پس زمینه ، حاشیه و… در HTML ، CSS و فتوشاپ رنگ هایی وجود دارند. معمولا رنگ ها را با یک کد خاص به کار بردند. چیزی شبیه rrggbb# یا rgb(255,255,255) که لیست کامل رنگ ها همراه با نام فارسی و انگلیسی و کد های HEX و RGB رنگ ها رد در این صفحه برای شما قرار داده ام و امیدوارم برای شما مفید باشند.

قرمزها
نام فارسیHEX کد رنگکد رنگ RGBنمونه رنگ
جگری#CD5C5Crgb(205,92,92)
بژ تیره#F08080rgb(240,128,128)
حناییِ روشن#FA8072rgb(250,128,114)
قهوه‌ایِ حنایی#E9967Argb(233,150,122)
کرم نارنجی#FFA07Argb(255,160,122)
قرمز#FF0000rgb(255,0,0)
زرشکی#DC143Crgb(220,20,60)
شرابی#B22222rgb(178,34,34)
عنابی تند#8B0000rgb(139,0,0)
صورتی‌ها
نام فارسیHEX کد رنگکد رنگ RGBنمونه رنگ
صورتی#FFC0CBrgb(255,192,203)
صورتی پررنگ#FFB6C1rgb(255,182,193)
شرابی روشن#DB7093rgb(219,112,147)
سرخابی#FF69B4rgb(255,105,180)
شفقی#FF1493rgb(255,20,147)
ارغوانی#C71585rgb(199,21,133)
نارنجی‌ها
نام فارسیHEX کد رنگکد رنگ RGBنمونه رنگ
نارنجی کرم#FFA07Argb(255,160,122)
نارنجی#FFA500rgb(255,165,0)
نارنجی سیر#FF8C00rgb(255,140,0)
نارنجی پررنگ#FF7F50rgb(255,127,80)
قرمز گوجه‌ای#FF6347rgb(255,99,71)
قرمز-نارنجی#FF5400rgb(255,84,0)
زردها
نام فارسیHEX کد رنگکد رنگ RGBنمونه رنگ
شیری#FFFFE0rgb(255,255,224)
شیرشکری#FFFACDrgb(255,250,205)
لیمویی روشن#FAFAD2rgb(250,250,210)
هلویی روشن#FFEFD5rgb(255,239,213)
هلویی#FFE4B5rgb(255,228,181)
هلویی پررنگ#FFDAB9rgb(255,218,185)
نخودی#EEE8AArgb(238,232,170)
خاکی#F0E683rgb(240,230,131)
زرد#FFFF00rgb(255,255,0)
کهربایی باز#FFD700rgb(255,215,0)
ماشی#BDB76Brgb(189,183,107)
سبزها
نام فارسیHEX کد رنگکد رنگ RGBنمونه رنگ
مغزپسته‌ای کمرنگ#ADFF2Frgb(173,255,47)
سبز روشن#7FFF00rgb(127,255,0)
مغزپسته‌ای پررنگ#7CFC00rgb(124,252,0)
مغزپسته‌ای روشن#00FF00rgb(0,255,0)
سبز کمرنگ#98FB98rgb(152,251,152)
سبز کدر#90EE90rgb(144,238,144)
یشمی سیر#00FA9Argb(0,250,154)
یشمی کمرنگ#00FF7Frgb(0,255,127)
سبز لجنی#9ACD32rgb(154,205,50)
سبز چمنی#32CD32rgb(50,205,50)
خزه‌ای#3CB371rgb(60,179,113)
خزه‌ای پررنگ#2E8B57rgb(46,139,87)
شویدی#228B22rgb(34,139,34)
سبز#008000rgb(0,128,0)
سبز ارتشی#6B8E23rgb(107,142,35)
زیتونی#808000rgb(128,128,0)
زیتونی سیر#556B2Frgb(85,107,47)
سبز آووکادو#006400rgb(0,100,0)
سبز دریایی#66CDAArgb(102,205,170)
سبز دریایی تیره#8FBC8Frgb(143,188,143)
سبز کبریتی روشن#20B2AArgb(32,178,170)
سبز کبریتی تیره#008B8Brgb(0,139,139)
سبز دودی#008080rgb(0,128,128)
آبی‌ها
نام فارسیHEX کد رنگکد رنگ RGBنمونه رنگ
فیروزه‌ای#00FFFFrgb(255,255,0)
آبی آسمانی#E0FFFFrgb(224,255,255)
فیروزه‌ای کدر#AFEEEErgb(175,238,238)
آبی دریایی#00FFFFrgb(0,255,255)
یشمی#7FFFD4rgb(127,255,212)
سبز دریایی روشن#40E0D0rgb(64,224,208)
فیروزه‌ای تیره#48D1CCrgb(72,209,204)
فیروزه‌ای سیر#00CED1rgb(0,206,209)
آبی کبریتی روشن#B0E0E6rgb(176,224,230)
بنفش مایل به آبی#B0C4DErgb(176,196,222)
آبی کبریتی#ADD8E6rgb(173,216,230)
آبی آسمانی سیر#87CEEBrgb(135,206,235)
آبی روشن#87CEFArgb(135,206,250)
آبی کمرنگ#00BFFFrgb(0,191,255)
آبی کدر#6495EDrgb(100,149,237)
نیلی متالیک#4682B4rgb(70,130,180)
آبی لجنی#5F9EA0rgb(95,158,160)
آبی متالیک روشن#7B68EErgb(123,104,238)
نیلی#1E90FFrgb(30,144,255)
فیروزه‌ای فسفری#4169E1rgb(65,105,225)
آبی#0000FFrgb(0,0,255)
آبی سیر#0000CDrgb(0,0,205)
سرمه‌ای#00008Brgb(0,0,139)
لاجوردی#000080rgb(0,0,128)
آبی نفتی#191970rgb(25,25,112)
بنفش‌ها
نام فارسیHEX کد رنگکد رنگ RGBنمونه رنگ
نیلی کمرنگ#E6E6FArgb(230,230,250)
بادمجانی روشن#D8BFD8rgb(216,191,216)
بنفش کدر#DDA0DDrgb(221,160,221)
بنفش روشن#EE82EErgb(238,130,238)
سرخابی#FF00FFrgb(255,0,255)
ارکیده#DA70D6rgb(218,112,214)
ارکیده سیر#BA55D3rgb(186,85,211)
آبی بنفش#9370DBrgb(147,112,219)
آبی فولادی#6A5ACDrgb(106,90,205)
آبی-بنفش سیر#8A2BE2rgb(138,43,226)
بنفش باز#9400D3rgb(148,0,211)
ارکیده بنفش#9932CCrgb(153,50,204)
مخملی#8B008Brgb(139,0,139)
بنفش#800080rgb(128,0,128)
آبی دودی#483D8Brgb(72,61,139)
نیلی سیر#4B0082rgb(75,0,130)
قهوه‌ای‌ها
نام فارسیHEX کد رنگکد رنگ RGBنمونه رنگ
کاهی#FFF8DCrgb(255,248,220)
کاهگلی#FFEBCDrgb(255,235,205)
کرم#FFE4C4rgb(255,228,196)
کرم سیر#FFDEADrgb(255,222,173)
گندمی#F5DEBCrgb(245,222,188)
خاکی#DEB887rgb(222,184,135)
برنزه کدر#D2B48Crgb(210,180,140)
بادمجانی#BC8F8Frgb(188,143,143)
هلویی سیر#F4A460rgb(244,164,96)
خردلی#DAA520rgb(218,165,32)
ماشی سیر#B8860Brgb(184,134,11)
بادامی سیر#CD853Frgb(205,133,63)
عسلی پررنگ#D2691Ergb(210,105,30)
کاکائویی#8B4513rgb(139,69,19)
قهوه‌ای متوسط#A0522Drgb(160,82,45)
قهوه‌ای#A52A2Argb(165,42,42)
آلبالویی#800000rgb(128,0,0)
سفیدها
نام فارسیHEX کد رنگکد رنگ RGBنمونه رنگ
سفید#FFFFFFrgb(255,255,255)
صورتی محو#FFFAFArgb(255,250,250)
یشمی محو#F0FFF0rgb(240,255,240)
سفید نعنائی#F5FFFArgb(245,255,250)
آبی محو#F0FFFFrgb(240,255,255)
نیلی محو#F0F8FFrgb(240,248,255)
سفید بنفشه#F8F8FFrgb(248,248,255)
خاکستری محو#F5F5F5rgb(245,245,245)
بژ باز#FFF5EErgb(255,245,238)
هِلی#F5F5DCrgb(245,245,220)
بژ روشن#FDF5E6rgb(253,245,230)
پوست پیازی#FFFAF0rgb(255,250,240)
استخوانی#FFFFF0rgb(255,255,240)
بژ تیره#FAEBD7rgb(250,235,215)
کتانی#FAF0E6rgb(250,240,230)
صورتی مات#FFF0F5rgb(255,240,245)
بژ#FFE4E1rgb(255,228,225)
خاکستری‌ها
نام فارسیHEX کد رنگکد رنگ RGBنمونه رنگ
خاکستری مات#DCDCDCrgb(220,220,220)
نقره‌ای#D3D3D3rgb(211,211,211)
طوسی#C0C0C0rgb(192,192,192)
خاکستری سیر#A9A9A9rgb(169,169,169)
خاکستری#808080rgb(128,128,128)
دودی#696969rgb(105,105,105)
سربی#778899rgb(119,136,153)
سربی تیره#708090rgb(112,128,144)
لجنی تیره#2F4F4Frgb(47,79,79)
سیاه#000000rgb(0,0,0)

نام های استاندارد تعریف شده برای رنگ ها در CSS و HTML برای تعداد 140 رنگ در CSS و HTML نام استاندارد تعریف شده که تمام مرورگرهای مدرن از این نام رنگ ها پشتیبانی می کنند. کلیه 140 رنگ همراه با نام و مقادیر HEX و RGB در جدول زیر قابل مشاهده هستند.

ColorRGB CodeHEX CodeColor Name
rgb(240,248,255)#F0F8FFAliceBlue
rgb(250,235,215)#FAEBD7AntiqueWhite
rgb(0,255,255)#00FFFFAqua
rgb(127,255,212)#7FFFD4Aquamarine
rgb(240,255,255)#F0FFFFAzure
rgb(245,245,220)#F5F5DCBeige
rgb(255,228,196)#FFE4C4Bisque
rgb(0,0,0)#000000Black
rgb(255,235,205)#FFEBCDBlanchedAlmond
rgb(0,0,255)#0000FFBlue
rgb(138,43,226)#8A2BE2BlueViolet
rgb(165,42,42)#A52A2ABrown
rgb(222,184,135)#DEB887BurlyWood
rgb(95,158,160)#5F9EA0CadetBlue
rgb(127,255,0)#7FFF00Chartreuse
rgb(210,105,30)#D2691EChocolate
rgb(255,127,80)#FF7F50Coral
rgb(100,149,237)#6495EDCornflowerBlue
rgb(255,248,220)#FFF8DCCornsilk
rgb(220,20,60)#DC143CCrimson
rgb(0,255,255)#00FFFFCyan
rgb(0,0,139)#00008BDarkBlue
rgb(0,139,139)#008B8BDarkCyan
rgb(184,134,11)#B8860BDarkGoldenRod
rgb(169,169,169)#A9A9A9DarkGray
rgb(169,169,169)#A9A9A9DarkGrey
rgb(0,100,0)#006400DarkGreen
rgb(189,183,107)#BDB76BDarkKhaki
rgb(139,0,139)#8B008BDarkMagenta
rgb(85,107,47)#556B2FDarkOliveGreen
rgb(255,140,0)#FF8C00DarkOrange
rgb(153,50,204)#9932CCDarkOrchid
rgb(139,0,0)#8B0000DarkRed
rgb(233,150,122)#E9967ADarkSalmon
rgb(143,188,143)#8FBC8FDarkSeaGreen
rgb(72,61,139)#483D8BDarkSlateBlue
rgb(47,79,79)#2F4F4FDarkSlateGray
rgb(47,79,79)#2F4F4FDarkSlateGrey
rgb(0,206,209)#00CED1DarkTurquoise
rgb(148,0,211)#9400D3DarkViolet
rgb(255,20,147)#FF1493DeepPink
rgb(0,191,255)#00BFFFDeepSkyBlue
rgb(105,105,105)#696969DimGray
rgb(105,105,105)#696969DimGrey
rgb(30,144,255)#1E90FFDodgerBlue
rgb(178,34,34)#B22222FireBrick
rgb(255,250,240)#FFFAF0FloralWhite
rgb(34,139,34)#228B22ForestGreen
rgb(255,0,255)#FF00FFFuchsia
rgb(220,220,220)#DCDCDCGainsboro
rgb(248,248,255)#F8F8FFGhostWhite
rgb(255,215,0)#FFD700Gold
rgb(218,165,32)#DAA520GoldenRod
rgb(128,128,128)#808080Gray
rgb(128,128,128)#808080Grey
rgb(0,128,0)#008000Green
rgb(173,255,47)#ADFF2FGreenYellow
rgb(240,255,240)#F0FFF0HoneyDew
rgb(255,105,180)#FF69B4HotPink
rgb(205,92,92)#CD5C5CIndianRed
rgb(75,0,130)#4B0082Indigo
rgb(255,255,240)#FFFFF0Ivory
rgb(240,230,140)#F0E68CKhaki
rgb(230,230,250)#E6E6FALavender
rgb(255,240,245)#FFF0F5LavenderBlush
rgb(124,252,0)#7CFC00LawnGreen
rgb(255,250,205)#FFFACDLemonChiffon
rgb(173,216,230)#ADD8E6LightBlue
rgb(240,128,128)#F08080LightCoral
rgb(224,255,255)#E0FFFFLightCyan
rgb(250,250,210)#FAFAD2LightGoldenRodYellow
rgb(211,211,211)#D3D3D3LightGray
rgb(211,211,211)#D3D3D3LightGrey
rgb(144,238,144)#90EE90LightGreen
rgb(255,182,193)#FFB6C1LightPink
rgb(255,160,122)#FFA07ALightSalmon
rgb(32,178,170)#20B2AALightSeaGreen
rgb(135,206,250)#87CEFALightSkyBlue
rgb(119,136,153)#778899LightSlateGray
rgb(119,136,153)#778899LightSlateGrey
rgb(176,196,222)#B0C4DELightSteelBlue
rgb(255,255,224)#FFFFE0LightYellow
rgb(0,255,0)#00FF00Lime
rgb(50,205,50)#32CD32LimeGreen
rgb(250,240,230)#FAF0E6Linen
rgb(255,0,255)#FF00FFMagenta
rgb(128,0,0)#800000Maroon
rgb(102,205,170)#66CDAAMediumAquaMarine
rgb(0,0,205)#0000CDMediumBlue
rgb(186,85,211)#BA55D3MediumOrchid
rgb(147,112,219)#9370DBMediumPurple
rgb(60,179,113)#3CB371MediumSeaGreen
rgb(123,104,238)#7B68EEMediumSlateBlue
rgb(0,250,154)#00FA9AMediumSpringGreen
rgb(72,209,204)#48D1CCMediumTurquoise
rgb(199,21,133)#C71585MediumVioletRed
rgb(25,25,112)#191970MidnightBlue
rgb(245,255,250)#F5FFFAMintCream
rgb(255,228,225)#FFE4E1MistyRose
rgb(255,228,181)#FFE4B5Moccasin
rgb(255,222,173)#FFDEADNavajoWhite
rgb(0,0,128)#000080Navy
rgb(253,245,230)#FDF5E6OldLace
rgb(128,128,0)#808000Olive
rgb(107,142,35)#6B8E23OliveDrab
rgb(255,165,0)#FFA500Orange
rgb(255,69,0)#FF4500OrangeRed
rgb(218,112,214)#DA70D6Orchid
rgb(238,232,170)#EEE8AAPaleGoldenRod
rgb(152,251,152)#98FB98PaleGreen
rgb(175,238,238)#AFEEEEPaleTurquoise
rgb(219,112,147)#DB7093PaleVioletRed
rgb(255,239,213)#FFEFD5PapayaWhip
rgb(255,218,185)#FFDAB9PeachPuff
rgb(205,133,63)#CD853FPeru
rgb(255,192,203)#FFC0CBPink
rgb(221,160,221)#DDA0DDPlum
rgb(176,224,230)#B0E0E6PowderBlue
rgb(128,0,128)#800080Purple
rgb(102,51,153)#663399RebeccaPurple
rgb(255,0,0)#FF0000Red
rgb(188,143,143)#BC8F8FRosyBrown
rgb(65,105,225)#4169E1RoyalBlue
rgb(139,69,19)#8B4513SaddleBrown
rgb(250,128,114)#FA8072Salmon
rgb(244,164,96)#F4A460SandyBrown
rgb(46,139,87)#2E8B57SeaGreen
rgb(255,245,238)#FFF5EESeaShell
rgb(160,82,45)#A0522DSienna
rgb(192,192,192)#C0C0C0Silver
rgb(135,206,235)#87CEEBSkyBlue
rgb(106,90,205)#6A5ACDSlateBlue
rgb(112,128,144)#708090SlateGray
rgb(112,128,144)#708090SlateGrey
rgb(255,250,250)#FFFAFASnow
rgb(0,255,127)#00FF7FSpringGreen
rgb(70,130,180)#4682B4SteelBlue
rgb(210,180,140)#D2B48CTan
rgb(0,128,128)#008080Teal
rgb(216,191,216)#D8BFD8Thistle
rgb(255,99,71)#FF6347Tomato
rgb(64,224,208)#40E0D0Turquoise
rgb(238,130,238)#EE82EEViolet
rgb(245,222,179)#F5DEB3Wheat
rgb(255,255,255)#FFFFFFWhite
rgb(245,245,245)#F5F5F5WhiteSmoke
rgb(255,255,0)#FFFF00Yellow
rgb(154,205,50)#9ACD32YellowGreen

سیدرضا بازیار

به وب سایت شخصی من خوش آمدید! من سیدرضا بازیار هستم، متولد 1374 شهرستان کازرون. در حال حاضر مهندس فناوری اطلاعات هستم، مسلط به زبان های: HTML - CSS - JavaScript - PHP و در حال یادگیری زبان Python هستم و علاقه بسیار زیادی به برنامه نویسی تحت وب ، هوش مصنوعی و زمینه امنیت اطلاعات دارم.

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *