لیست رنگهای استاندارد در طراحی وب سایت + کد رنگ

[drsmsco 30]

این فهرست تمامی رنگ هایی که در طراحی سایت های حرفه ای مورد استفاده قرار می گیرند را به همراه کد رنگ های RGB و Hex و یک نمونه از رنگ مورد نظر را نمایش می دهد.

مشکلی که اکثر طراحان سایت حرفه ای با آن رو به رو هستند این است که بعضی از رنگ هایی که در نرم افزار های طراحی مانند illustrator و photoshop مورد استفاده قرار می دهند دقیقا به همان شکل در مرورگر نمایش پیدا نمی کنند، دلیل این امر استاندارد نبودن این رنگ ها برای مرورگر هاست.

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

[TABLE=class: guide]

[TR]

[TD]نمونه رنگ

[/TD]

[TD]نام رنگ

[/TD]

[TD] Hex

[/TD]

[TD] RGB

[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]AliceBlue[/TD]

[TD]#F0F8FF[/TD]

[TD]240,248,255[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]AntiqueWhite[/TD]

[TD]#FAEBD7[/TD]

[TD]250,235,215[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Aqua[/TD]

[TD]#00FFFF[/TD]

[TD]0,255,255[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Aquamarine[/TD]

[TD]#7FFFD4[/TD]

[TD]127,255,212[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Azure[/TD]

[TD]#F0FFFF[/TD]

[TD]240,255,255[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Beige[/TD]

[TD]#F5F5DC[/TD]

[TD]245,245,220[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Bisque[/TD]

[TD]#FFE4C4[/TD]

[TD]255,228,196[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Black[/TD]

[TD]#000000[/TD]

[TD]0,0,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]BlanchedAlmond[/TD]

[TD]#FFEBCD[/TD]

[TD]255,235,205[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Blue[/TD]

[TD]#0000FF[/TD]

[TD]0,0,255[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]BlueViolet[/TD]

[TD]#8A2BE2[/TD]

[TD]138,43,226[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Brown[/TD]

[TD]#A52A2A[/TD]

[TD]165,42,42[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]BurlyWood[/TD]

[TD]#DEB887[/TD]

[TD]222,184,135[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]CadetBlue[/TD]

[TD]#5F9EA0[/TD]

[TD]95,158,160[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Chartreuse[/TD]

[TD]#7FFF00[/TD]

[TD]127,255,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Chocolate[/TD]

[TD]#D2691E[/TD]

[TD]210,105,30[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Coral[/TD]

[TD]#FF7F50[/TD]

[TD]255,127,80[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]CornflowerBlue[/TD]

[TD]#6495ED[/TD]

[TD]100,149,237[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Cornsilk[/TD]

[TD]#FFF8DC[/TD]

[TD]255,248,220[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Crimson[/TD]

[TD]#DC143C[/TD]

[TD]220,20,60[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Cyan[/TD]

[TD]#00FFFF[/TD]

[TD]0,255,255[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkBlue[/TD]

[TD]#00008B[/TD]

[TD]0,0,139[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkCyan[/TD]

[TD]#008B8B[/TD]

[TD]0,139,139[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkGoldenrod[/TD]

[TD]#B8860B[/TD]

[TD]184,134,11[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkGray[/TD]

[TD]#A9A9A9[/TD]

[TD]169,169,169[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkGreen[/TD]

[TD]#006400[/TD]

[TD]0,100,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkKhaki[/TD]

[TD]#BDB76B[/TD]

[TD]189,183,107[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkMagenta[/TD]

[TD]#8B008B[/TD]

[TD]139,0,139[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkOliveGreen[/TD]

[TD]#556B2F[/TD]

[TD]85,107,47[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkOrange[/TD]

[TD]#FF8C00[/TD]

[TD]255,140,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkOrchid[/TD]

[TD]#9932CC[/TD]

[TD]153,50,204[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkRed[/TD]

[TD]#8B0000[/TD]

[TD]139,0,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkSalmon[/TD]

[TD]#E9967A[/TD]

[TD]233,150,122[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkSeaGreen[/TD]

[TD]#8FBC8F[/TD]

[TD]143,188,143[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkSlateBlue[/TD]

[TD]#483D8B[/TD]

[TD]72,61,139[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkSlateGray[/TD]

[TD]#2F4F4F[/TD]

[TD]47,79,79[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkTurquoise[/TD]

[TD]#00CED1[/TD]

[TD]0,206,209[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DarkViolet[/TD]

[TD]#9400D3[/TD]

[TD]148,0,211[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DeepPink[/TD]

[TD]#FF1493[/TD]

[TD]255,20,147[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DeepSkyBlue[/TD]

[TD]#00BFFF[/TD]

[TD]0,191,255[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DimGray[/TD]

[TD]#696969[/TD]

[TD]105,105,105[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]DodgerBlue[/TD]

[TD]#1E90FF[/TD]

[TD]30,144,255[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]FireBrick[/TD]

[TD]#B22222[/TD]

[TD]178,34,34[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]FloralWhite[/TD]

[TD]#FFFAF0[/TD]

[TD]255,250,240[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]ForestGreen[/TD]

[TD]#228B22[/TD]

[TD]34,139,34[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Fuchsia[/TD]

[TD]#FF00FF[/TD]

[TD]255,0,255[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Gainsboro[/TD]

[TD]#DCDCDC[/TD]

[TD]220,220,220[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]GhostWhite[/TD]

[TD]#F8F8FF[/TD]

[TD]248,248,255[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Gold[/TD]

[TD]#FFD700[/TD]

[TD]255,215,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Goldenrod[/TD]

[TD]#DAA520[/TD]

[TD]218,165,32[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Gray[/TD]

[TD]#808080[/TD]

[TD]128,128,128[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Green[/TD]

[TD]#008000[/TD]

[TD]0,128,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]GreenYellow[/TD]

[TD]#ADFF2F[/TD]

[TD]173,255,47[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Honeydew[/TD]

[TD]#F0FFF0[/TD]

[TD]240,255,240[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]HotPink[/TD]

[TD]#FF69B4[/TD]

[TD]255,105,180[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]IndianRed[/TD]

[TD]#CD5C5C[/TD]

[TD]205,92,92[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Indigo[/TD]

[TD]#4B0082[/TD]

[TD]75,0,130[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Ivory[/TD]

[TD]#FFFFF0[/TD]

[TD]255,255,240[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Khaki[/TD]

[TD]#F0E68C[/TD]

[TD]240,230,140[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Lavender[/TD]

[TD]#E6E6FA[/TD]

[TD]230,230,250[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LavenderBlush[/TD]

[TD]#FFF0F5[/TD]

[TD]255,240,245[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LawnGreen[/TD]

[TD]#7CFC00[/TD]

[TD]124,252,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LemonChiffon[/TD]

[TD]#FFFACD[/TD]

[TD]255,250,205[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightBlue[/TD]

[TD]#ADD8E6[/TD]

[TD]173,216,230[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightCoral[/TD]

[TD]#F08080[/TD]

[TD]240,128,128[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightCyan[/TD]

[TD]#E0FFFF[/TD]

[TD]224,255,255[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightGoldenrodYellow[/TD]

[TD]#FAFAD2[/TD]

[TD]250,250,210[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightGreen[/TD]

[TD]#90EE90[/TD]

[TD]144,238,144[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightGrey[/TD]

[TD]#D3D3D3[/TD]

[TD]211,211,211[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightPink[/TD]

[TD]#FFB6C1[/TD]

[TD]255,182,193[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightSalmon[/TD]

[TD]#FFA07A[/TD]

[TD]255,160,122[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightSeaGreen[/TD]

[TD]#20B2AA[/TD]

[TD]32,178,170[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightSkyBlue[/TD]

[TD]#87CEFA[/TD]

[TD]135,206,250[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightSlateGray[/TD]

[TD]#778899[/TD]

[TD]119,136,153[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightSteelBlue

[/TD]

[TD]#B0C4DE

[/TD]

[TD]176,196,222[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LightYellow[/TD]

[TD]#FFFFE0[/TD]

[TD]255,255,224[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Lime[/TD]

[TD]#00FF00[/TD]

[TD]0,255,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]LimeGreen[/TD]

[TD]#32CD32[/TD]

[TD]50,205,50[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Linen[/TD]

[TD]#FAF0E6[/TD]

[TD]250,240,230[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Magenta[/TD]

[TD]#FF00FF[/TD]

[TD]255,0,255[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Maroon[/TD]

[TD]#800000[/TD]

[TD]128,0,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]MediumAquamarine[/TD]

[TD]#66CDAA[/TD]

[TD]102,205,170[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]MediumBlue[/TD]

[TD]#0000CD[/TD]

[TD]0,0,205[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]MediumOrchid[/TD]

[TD]#BA55D3[/TD]

[TD]186,85,211[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]MediumPurple[/TD]

[TD]#9370DB[/TD]

[TD]147,112,219[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]MediumSeaGreen[/TD]

[TD]#3CB371[/TD]

[TD]60,179,113[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]MediumSlateBlue[/TD]

[TD]#7B68EE[/TD]

[TD]123,104,238[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]MediumSpringGreen[/TD]

[TD]#00FA9A[/TD]

[TD]0,250,154[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]MediumTurquoise[/TD]

[TD]#48D1CC[/TD]

[TD]72,209,204[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]MediumVioletRed[/TD]

[TD]#C71585[/TD]

[TD]199,21,133[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]MidnightBlue[/TD]

[TD]#191970[/TD]

[TD]25,25,112[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]MintCream[/TD]

[TD]#F5FFFA[/TD]

[TD]245,255,250[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]MistyRose[/TD]

[TD]#FFE4E1[/TD]

[TD]255,228,225[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Moccasin[/TD]

[TD]#FFE4B5[/TD]

[TD]255,228,181[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]NavajoWhite[/TD]

[TD]#FFDEAD[/TD]

[TD]255,222,173[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Navy[/TD]

[TD]#000080[/TD]

[TD]0,0,128[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]OldLace[/TD]

[TD]#FDF5E6[/TD]

[TD]253,245,230[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Olive[/TD]

[TD]#808000[/TD]

[TD]128,128,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]OliveDrab[/TD]

[TD]#6B8E23[/TD]

[TD]107,142,35[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Orange[/TD]

[TD]#FFA500[/TD]

[TD]255,165,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]OrangeRed[/TD]

[TD]#FF4500[/TD]

[TD]255,69,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Orchid[/TD]

[TD]#DA70D6[/TD]

[TD]218,112,214[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]PaleGoldenrod[/TD]

[TD]#EEE8AA[/TD]

[TD]238,232,170[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]PaleGreen[/TD]

[TD]#98FB98[/TD]

[TD]152,251,152[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]PaleTurquoise[/TD]

[TD]#AFEEEE[/TD]

[TD]175,238,238[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]PaleVioletRed[/TD]

[TD]#DB7093[/TD]

[TD]219,112,147[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]PapayaWhip[/TD]

[TD]#FFEFD5[/TD]

[TD]255,239,213[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]PeachPuff[/TD]

[TD]#FFDAB9[/TD]

[TD]255,218,185[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Peru[/TD]

[TD]#CD853F[/TD]

[TD]205,133,63[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Pink[/TD]

[TD]#FFC0CB[/TD]

[TD]255,192,203[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Plum[/TD]

[TD]#DDA0DD[/TD]

[TD]221,160,221[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]PowderBlue[/TD]

[TD]#B0E0E6[/TD]

[TD]176,224,230[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Purple[/TD]

[TD]#800080[/TD]

[TD]128,0,128[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Red[/TD]

[TD]#FF0000[/TD]

[TD]255,0,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]RosyBrown[/TD]

[TD]#BC8F8F[/TD]

[TD]188,143,143[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]RoyalBlue[/TD]

[TD]#4169E1[/TD]

[TD]65,105,225[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]SaddleBrown[/TD]

[TD]#8B4513[/TD]

[TD]139,69,19[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Salmon[/TD]

[TD]#FA8072[/TD]

[TD]250,128,114[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]SandyBrown[/TD]

[TD]#F4A460[/TD]

[TD]244,164,96[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]SeaGreen[/TD]

[TD]#2E8B57[/TD]

[TD]46,139,87[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Seashell[/TD]

[TD]#FFF5EE[/TD]

[TD]255,245,238[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Sienna[/TD]

[TD]#A0522D[/TD]

[TD]160,82,45[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Silver[/TD]

[TD]#C0C0C0[/TD]

[TD]192,192,192[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]SkyBlue[/TD]

[TD]#87CEEB[/TD]

[TD]135,206,235[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]SlateBlue[/TD]

[TD]#6A5ACD[/TD]

[TD]106,90,205[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]SlateGray[/TD]

[TD]#708090[/TD]

[TD]112,128,144[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Snow[/TD]

[TD]#FFFAFA[/TD]

[TD]255,250,250[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]SpringGreen[/TD]

[TD]#00FF7F[/TD]

[TD]0,255,127[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]SteelBlue[/TD]

[TD]#4682B4[/TD]

[TD]70,130,180[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Tan[/TD]

[TD]#D2B48C[/TD]

[TD]210,180,140[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Teal[/TD]

[TD]#008080[/TD]

[TD]0,128,128[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Thistle[/TD]

[TD]#D8BFD8[/TD]

[TD]216,191,216[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Tomato[/TD]

[TD]#FF6347[/TD]

[TD]255,99,71[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Turquoise[/TD]

[TD]#40E0D0[/TD]

[TD]64,224,208[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Violet[/TD]

[TD]#EE82EE[/TD]

[TD]238,130,238[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Wheat[/TD]

[TD]#F5DEB3[/TD]

[TD]245,222,179[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]White[/TD]

[TD]#FFFFFF[/TD]

[TD]255,255,255[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]WhiteSmoke[/TD]

[TD]#F5F5F5[/TD]

[TD]245,245,245[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]Yellow[/TD]

[TD]#FFFF00[/TD]

[TD]255,255,0[/TD]

[/TR]

[TR]

[TD] [/TD]

[TD]YellowGreen[/TD]

[TD]#9ACD32[/TD]

[TD]154,205,50[/TD]

[/TR]

[/TABLE]