به طور پیش فرض رنگ متون و جداول صفحه در تمام مرورگرها به رنگ مشکی می باشد . اما گاهی لازم داریم که رنگ یک سری از قسمت های متن را برای نمایش بهتر با یک رنگ متفاوت نمایش بدهیم . برای انجام اینکار می توانیم به صورت مستقیم رنگ قسمت مورد نظر را در Html تغییر بدهیم .
به صورت کلی رنگها با 2 مقدار در Html نشانه گذاری می شوند .
نوع اول استفاده از کد هگزا می باشد . اين کد تشکيل شده از 6 کاراکتر که هر کدام از آنها مي تواند يکي از مقادير زير باشد:
0,1,2,3,4,5,6,7,8,9, A,B,C,D,E,F
که اين شش کاراکتر بهمراه علامت # مي آيند، بدين شکل: FFFFFF# اين مقدار نمايانگر سه رنگ قرمز (Red) سبز (Green) و آبي (Blue) مي باشد که اصطلاحاً به آنها RGB مي گويند. اگر هگز يک رنگ را FF0099 در نظر بگيريم، FF مقدار ترکيبي رنگ قرمز، 00 مقدار ترکيبي رنگ سبز و 99 مقدار رنگ آبي را نشان مي دهد که 00 کمرنگ ترين و FF پر رنگ ترين حالت را نمايش مي دهند. بطور مثال FF0000 کاملاً رنگ قرمز را نشان مي دهد.
با ترکيب اين 16 کاراکتر مي توانيد 16.7 ميليون رنگ بسازيد. اما فقط 256 رنگ هست که سازگار با کليه سيستمهاي عامل و مرورگرها است يعني رنگهاي غير از آنها در سيستمهاي مختلف با هم فرق دارند
بنا بر اعلام W3C بهتر است براي بکارگيري رنگها از خصوصيات استايل شيتها استفاده کنيد چون در آينده نزديک خصوصيات رنگها در عناصر کاربردي نخواهد داشت و از رده خارج ميشوند. همچنين از حروف بزرگ در مقداردهي رنگها استفاده کنيد و علامت # را فراموش نکنيد.
9 رنگ پر کاربرد را می توانید در زیر مشاهده کنید .
[TABLE="width: 620"]
[TR]
[TH="width: 320, align: center"]رنگ[/TH]
[TH="width: 150, align: center"]کد رنگ HEX[/TH]
[TH="width: 150, align: center"]کد رنگ RGB[/TH]
[/TR]
[TR]
[TD="bgcolor: #000000, align: left"][/TD]
[TD="class: eng, align: center"]#000000[/TD]
[TD="class: eng, align: center"]rgb(0,0,0)[/TD]
[/TR]
[TR]
[TD="bgcolor: #FF0000, align: left"][/TD]
[TD="class: eng, align: center"]#FF0000[/TD]
[TD="class: eng, align: center"]rgb(255,0,0)[/TD]
[/TR]
[TR]
[TD="bgcolor: #00FF00, align: left"][/TD]
[TD="class: eng, align: center"]#00FF00[/TD]
[TD="class: eng, align: center"]rgb(0,255,0)[/TD]
[/TR]
[TR]
[TD="bgcolor: #0000FF, align: left"][/TD]
[TD="class: eng, align: center"]#0000FF[/TD]
[TD="class: eng, align: center"]rgb(0,0,255)[/TD]
[/TR]
[TR]
[TD="bgcolor: #FFFF00, align: left"][/TD]
[TD="class: eng, align: center"]#FFFF00[/TD]
[TD="class: eng, align: center"]rgb(255,255,0)[/TD]
[/TR]
[TR]
[TD="bgcolor: #00FFFF, align: left"][/TD]
[TD="class: eng, align: center"]#00FFFF[/TD]
[TD="class: eng, align: center"]rgb(0,255,255)[/TD]
[/TR]
[TR]
[TD="bgcolor: #FF00FF, align: left"][/TD]
[TD="class: eng, align: center"]#FF00FF[/TD]
[TD="class: eng, align: center"]rgb(255,0,255)[/TD]
[/TR]
[TR]
[TD="bgcolor: #C0C0C0, align: left"][/TD]
[TD="class: eng, align: center"]#C0C0C0[/TD]
[TD="class: eng, align: center"]rgb(192,192,192)[/TD]
[/TR]
[TR]
[TD="bgcolor: #FFFFFF, align: left"][/TD]
[TD="class: eng, align: center"]#FFFFFF[/TD]
[TD="class: eng, align: center"]rgb(255,255,255)[/TD]
[/TR]
[/TABLE]
:: نام های استاندارد تعریف شده برای رنگ ها در CSS و HTML
برای تعداد ۱۴۷ رنگ در CSS و Html نام استاندارد تعریف شده که اونها رو با رنگ و کد معادلشون در زیر می بینید :
[TH="width: 320"]رنگ[/TH]
[TD="align: center"]AliceBlue
[/TD]
[TD="align: center"]#F0F8FF[/TD]
[TD="bgcolor: #F0F8FF"][/TD]
[TD="align: center"]AntiqueWhite[/TD]
[TD="align: center"]#FAEBD7[/TD]
[TD="bgcolor: #FAEBD7"][/TD]
[TD="align: center"]Aqua[/TD]
[TD="align: center"]#00FFFF[/TD]
[TD="bgcolor: #00FFFF"][/TD]
[TD="align: center"]Aquamarine[/TD]
[TD="align: center"]#7FFFD4[/TD]
[TD="bgcolor: #7FFFD4"][/TD]
[TD="align: center"]Azure[/TD]
[TD="align: center"]#F0FFFF[/TD]
[TD="bgcolor: #F0FFFF"][/TD]
[TD="align: center"]Beige[/TD]
[TD="align: center"]#F5F5DC[/TD]
[TD="bgcolor: #F5F5DC"][/TD]
[TD="align: center"]Bisque[/TD]
[TD="align: center"]#FFE4C4[/TD]
[TD="bgcolor: #FFE4C4"][/TD]
[TD="align: center"]Black[/TD]
[TD="align: center"]#000000[/TD]
[TD="bgcolor: #000000"][/TD]
[TD="align: center"]
BlanchedAlmond[/TD]
[TD="align: center"]#FFEBCD[/TD]
[TD="bgcolor: #FFEBCD"][/TD]
[TD="align: center"]Blue[/TD]
[TD="align: center"]#0000FF[/TD]
[TD="bgcolor: #0000FF"][/TD]
[TD="align: center"]BlueViolet[/TD]
[TD="align: center"]#8A2BE2[/TD]
[TD="bgcolor: #8A2BE2"][/TD]
[TD="align: center"]Brown[/TD]
[TD="align: center"]#A52A2A[/TD]
[TD="bgcolor: #A52A2A"][/TD]
[TD="align: center"]BurlyWood[/TD]
[TD="align: center"]#DEB887[/TD]
[TD="bgcolor: #DEB887"][/TD]
[TD="align: center"]CadetBlue[/TD]
[TD="align: center"]#5F9EA0[/TD]
[TD="bgcolor: #5F9EA0"][/TD]
[TD="align: center"]Chartreuse[/TD]
[TD="align: center"]#7FFF00[/TD]
[TD="bgcolor: #7FFF00"][/TD]
[TD="align: center"]Chocolate[/TD]
[TD="align: center"]#D2691E[/TD]
[TD="bgcolor: #D2691E"][/TD]
[TD="align: center"]Coral[/TD]
[TD="align: center"]#FF7F50[/TD]
[TD="bgcolor: #FF7F50"][/TD]
[TD="align: center"]
CornflowerBlue[/TD]
[TD="align: center"]#6495ED[/TD]
[TD="bgcolor: #6495ED"][/TD]
[TD="align: center"]Cornsilk[/TD]
[TD="align: center"]#FFF8DC[/TD]
[TD="bgcolor: #FFF8DC"][/TD]
[TD="align: center"]Crimson[/TD]
[TD="align: center"]#DC143C[/TD]
[TD="bgcolor: #DC143C"][/TD]
[TD="align: center"]Cyan[/TD]
[TD="align: center"]#00FFFF[/TD]
[TD="bgcolor: #00FFFF"][/TD]
[TD="align: center"]DarkBlue[/TD]
[TD="align: center"]#00008B[/TD]
[TD="bgcolor: #00008B"][/TD]
[TD="align: center"]DarkCyan[/TD]
[TD="align: center"]#008B8B[/TD]
[TD="bgcolor: #008B8B"][/TD]
[TD="align: center"]
DarkGoldenRod[/TD]
[TD="align: center"]#B8860B[/TD]
[TD="bgcolor: #B8860B"][/TD]
[TD="align: center"]DarkGrey[/TD]
[TD="align: center"]#A9A9A9[/TD]
[TD="bgcolor: #A9A9A9"][/TD]
[TD="align: center"]DarkGreen[/TD]
[TD="align: center"]#006400[/TD]
[TD="bgcolor: #006400"][/TD]
[TD="align: center"]DarkKhaki[/TD]
[TD="align: center"]#BDB76B[/TD]
[TD="bgcolor: #BDB76B"][/TD]
[TD="align: center"]DarkMagenta[/TD]
[TD="align: center"]#8B008B[/TD]
[TD="bgcolor: #8B008B"][/TD]
[TD="align: center"]
DarkOliveGreen[/TD]
[TD="align: center"]#556B2F[/TD]
[TD="bgcolor: #556B2F"][/TD]
[TD="align: center"]Darkorange[/TD]
[TD="align: center"]#FF8C00[/TD]
[TD="bgcolor: #FF8C00"][/TD]
[TD="align: center"]DarkOrchid[/TD]
[TD="align: center"]#9932CC[/TD]
[TD="bgcolor: #9932CC"][/TD]
[TD="align: center"]DarkRed[/TD]
[TD="align: center"]#8B0000[/TD]
[TD="bgcolor: #8B0000"][/TD]
[TD="align: center"]DarkSalmon[/TD]
[TD="align: center"]#E9967A[/TD]
[TD="bgcolor: #E9967A"][/TD]
[TD="align: center"]DarkSeaGreen[/TD]
[TD="align: center"]#8FBC8F[/TD]
[TD="bgcolor: #8FBC8F"][/TD]
[TD="align: center"]
DarkSlateBlue[/TD]
[TD="align: center"]#483D8B[/TD]
[TD="bgcolor: #483D8B"][/TD]
[TD="align: center"]
DarkSlateGrey[/TD]
[TD="align: center"]#2F4F4F[/TD]
[TD="bgcolor: #2F4F4F"][/TD]
[TD="align: center"]
DarkTurquoise[/TD]
[TD="align: center"]#00CED1[/TD]
[TD="bgcolor: #00CED1"][/TD]
[TD="align: center"]DarkViolet[/TD]
[TD="align: center"]#9400D3[/TD]
[TD="bgcolor: #9400D3"][/TD]
[TD="align: center"]DeepPink[/TD]
[TD="align: center"]#FF1493[/TD]
[TD="bgcolor: #FF1493"][/TD]
[TD="align: center"]DeepSkyBlue[/TD]
[TD="align: center"]#00BFFF[/TD]
[TD="bgcolor: #00BFFF"][/TD]
[TD="align: center"]DimGrey[/TD]
[TD="align: center"]#696969[/TD]
[TD="bgcolor: #696969"][/TD]
[TD="align: center"]DodgerBlue[/TD]
[TD="align: center"]#1E90FF[/TD]
[TD="bgcolor: #1E90FF"][/TD]
[TD="align: center"]FireBrick[/TD]
[TD="align: center"]#B22222[/TD]
[TD="bgcolor: #B22222"][/TD]
[TD="align: center"]FloralWhite[/TD]
[TD="align: center"]#FFFAF0[/TD]
[TD="bgcolor: #FFFAF0"][/TD]
[TD="align: center"]ForestGreen[/TD]
[TD="align: center"]#228B22[/TD]
[TD="bgcolor: #228B22"][/TD]
[TD="align: center"]Fuchsia[/TD]
[TD="align: center"]#FF00FF[/TD]
[TD="bgcolor: #FF00FF"][/TD]
[TD="align: center"]Gainsboro[/TD]
[TD="align: center"]#DCDCDC[/TD]
[TD="bgcolor: #DCDCDC"][/TD]
[TD="align: center"]GhostWhite[/TD]
[TD="align: center"]#F8F8FF[/TD]
[TD="bgcolor: #F8F8FF"][/TD]
[TD="align: center"]Gold[/TD]
[TD="align: center"]#FFD700[/TD]
[TD="bgcolor: #FFD700"][/TD]
[TD="align: center"]GoldenRod[/TD]
[TD="align: center"]#DAA520[/TD]
[TD="bgcolor: #DAA520"][/TD]
[TD="align: center"]Grey[/TD]
[TD="align: center"]#808080[/TD]
[TD="bgcolor: #808080"][/TD]
[TD="align: center"]Green[/TD]
[TD="align: center"]#008000[/TD]
[TD="bgcolor: #008000"][/TD]
[TD="align: center"]GreenYellow[/TD]
[TD="align: center"]#ADFF2F[/TD]
[TD="bgcolor: #ADFF2F"][/TD]
[TD="align: center"]HoneyDew[/TD]
[TD="align: center"]#F0FFF0[/TD]
[TD="bgcolor: #F0FFF0"][/TD]
[TD="align: center"]HotPink[/TD]
[TD="align: center"]#FF69B4[/TD]
[TD="bgcolor: #FF69B4"][/TD]
[TD="align: center"]IndianRed
[/TD]
[TD="align: center"]#CD5C5C[/TD]
[TD="bgcolor: #CD5C5C"][/TD]
[TD="align: center"]Indigo
[/TD]
[TD="align: center"]#4B0082[/TD]
[TD="bgcolor: #4B0082"][/TD]
[TD="align: center"]Ivory[/TD]
[TD="align: center"]#FFFFF0[/TD]
[TD="bgcolor: #FFFFF0"][/TD]
[TD="align: center"]Khaki[/TD]
[TD="align: center"]#F0E68C[/TD]
[TD="bgcolor: #F0E68C"][/TD]
[TD="align: center"]Lavender[/TD]
[TD="align: center"]#E6E6FA[/TD]
[TD="bgcolor: #E6E6FA"][/TD]
[TD="align: center"]
LavenderBlush[/TD]
[TD="align: center"]#FFF0F5[/TD]
[TD="bgcolor: #FFF0F5"][/TD]
[TD="align: center"]LawnGreen[/TD]
[TD="align: center"]#7CFC00[/TD]
[TD="bgcolor: #7CFC00"][/TD]
[TD="align: center"]LemonChiffon[/TD]
[TD="align: center"]#FFFACD[/TD]
[TD="bgcolor: #FFFACD"][/TD]
[TD="align: center"]LightBlue[/TD]
[TD="align: center"]#ADD8E6[/TD]
[TD="bgcolor: #ADD8E6"][/TD]
[TD="align: center"]LightCoral[/TD]
[TD="align: center"]#F08080[/TD]
[TD="bgcolor: #F08080"][/TD]
[TD="align: center"]LightCyan[/TD]
[TD="align: center"]#E0FFFF[/TD]
[TD="bgcolor: #E0FFFF"][/TD]
[TD="align: center"]
LightGoldenRodYellow[/TD]
[TD="align: center"]#FAFAD2[/TD]
[TD="bgcolor: #FAFAD2"][/TD]
[TD="align: center"]LightGrey[/TD]
[TD="align: center"]#D3D3D3[/TD]
[TD="bgcolor: #D3D3D3"][/TD]
[TD="align: center"]LightGreen[/TD]
[TD="align: center"]#90EE90[/TD]
[TD="bgcolor: #90EE90"][/TD]
[TD="align: center"]LightPink[/TD]
[TD="align: center"]#FFB6C1[/TD]
[TD="bgcolor: #FFB6C1"][/TD]
[TD="align: center"]LightSalmon[/TD]
[TD="align: center"]#FFA07A[/TD]
[TD="bgcolor: #FFA07A"][/TD]
[TD="align: center"]
LightSeaGreen[/TD]
[TD="align: center"]#20B2AA[/TD]
[TD="bgcolor: #20B2AA"][/TD]
[TD="align: center"]LightSkyBlue[/TD]
[TD="align: center"]#87CEFA[/TD]
[TD="bgcolor: #87CEFA"][/TD]
[TD="align: center"]
LightSlateGrey[/TD]
[TD="align: center"]#778899[/TD]
[TD="bgcolor: #778899"][/TD]
[TD="align: center"]
LightSteelBlue[/TD]
[TD="align: center"]#B0C4DE[/TD]
[TD="bgcolor: #B0C4DE"][/TD]
[TD="align: center"]LightYellow[/TD]
[TD="align: center"]#FFFFE0[/TD]
[TD="bgcolor: #FFFFE0"][/TD]
[TD="align: center"]Lime[/TD]
[TD="align: center"]#00FF00[/TD]
[TD="bgcolor: #00FF00"][/TD]
[TD="align: center"]LimeGreen[/TD]
[TD="align: center"]#32CD32[/TD]
[TD="bgcolor: #32CD32"][/TD]
[TD="align: center"]Linen[/TD]
[TD="align: center"]#FAF0E6[/TD]
[TD="bgcolor: #FAF0E6"][/TD]
[TD="align: center"]Magenta[/TD]
[TD="align: center"]#FF00FF[/TD]
[TD="bgcolor: #FF00FF"][/TD]
[TD="align: center"]Maroon[/TD]
[TD="align: center"]#800000[/TD]
[TD="bgcolor: #800000"][/TD]
[TD="align: center"]
MediumAquaMarine[/TD]
[TD="align: center"]#66CDAA[/TD]
[TD="bgcolor: #66CDAA"][/TD]
[TD="align: center"]MediumBlue[/TD]
[TD="align: center"]#0000CD[/TD]
[TD="bgcolor: #0000CD"][/TD]
[TD="align: center"]MediumOrchid[/TD]
[TD="align: center"]#BA55D3[/TD]
[TD="bgcolor: #BA55D3"][/TD]
[TD="align: center"]MediumPurple[/TD]
[TD="align: center"]#9370D8[/TD]
[TD="bgcolor: #9370D8"][/TD]
[TD="align: center"]
MediumSeaGreen[/TD]
[TD="align: center"]#3CB371[/TD]
[TD="bgcolor: #3CB371"][/TD]
[TD="align: center"]
MediumSlateBlue[/TD]
[TD="align: center"]#7B68EE[/TD]
[TD="bgcolor: #7B68EE"][/TD]
[TD="align: center"]
MediumSpringGreen[/TD]
[TD="align: center"]#00FA9A[/TD]
[TD="bgcolor: #00FA9A"][/TD]
[TD="align: center"]
MediumTurquoise[/TD]
[TD="align: center"]#48D1CC[/TD]
[TD="bgcolor: #48D1CC"][/TD]
[TD="align: center"]
MediumVioletRed[/TD]
[TD="align: center"]#C71585[/TD]
[TD="bgcolor: #C71585"][/TD]
[TD="align: center"]MidnightBlue[/TD]
[TD="align: center"]#191970[/TD]
[TD="bgcolor: #191970"][/TD]
[TD="align: center"]MintCream[/TD]
[TD="align: center"]#F5FFFA[/TD]
[TD="bgcolor: #F5FFFA"][/TD]
[TD="align: center"]MistyRose[/TD]
[TD="align: center"]#FFE4E1[/TD]
[TD="bgcolor: #FFE4E1"][/TD]
[TD="align: center"]Moccasin[/TD]
[TD="align: center"]#FFE4B5[/TD]
[TD="bgcolor: #FFE4B5"][/TD]
[TD="align: center"]NavajoWhite[/TD]
[TD="align: center"]#FFDEAD[/TD]
[TD="bgcolor: #FFDEAD"][/TD]
[TD="align: center"]Navy[/TD]
[TD="align: center"]#000080[/TD]
[TD="bgcolor: #000080"][/TD]
[TD="align: center"]OldLace[/TD]
[TD="align: center"]#FDF5E6[/TD]
[TD="bgcolor: #FDF5E6"][/TD]
[TD="align: center"]Olive[/TD]
[TD="align: center"]#808000[/TD]
[TD="bgcolor: #808000"][/TD]
[TD="align: center"]OliveDrab[/TD]
[TD="align: center"]#6B8E23[/TD]
[TD="bgcolor: #6B8E23"][/TD]
[TD="align: center"]Orange[/TD]
[TD="align: center"]#FFA500[/TD]
[TD="bgcolor: #FFA500"][/TD]
[TD="align: center"]OrangeRed[/TD]
[TD="align: center"]#FF4500[/TD]
[TD="bgcolor: #FF4500"][/TD]
[TD="align: center"]Orchid[/TD]
[TD="align: center"]#DA70D6[/TD]
[TD="bgcolor: #DA70D6"][/TD]
[TD="align: center"]
PaleGoldenRod[/TD]
[TD="align: center"]#EEE8AA[/TD]
[TD="bgcolor: #EEE8AA"][/TD]
[TD="align: center"]PaleGreen[/TD]
[TD="align: center"]#98FB98[/TD]
[TD="bgcolor: #98FB98"][/TD]
[TD="align: center"]
PaleTurquoise[/TD]
[TD="align: center"]#AFEEEE[/TD]
[TD="bgcolor: #AFEEEE"][/TD]
[TD="align: center"]
PaleVioletRed[/TD]
[TD="align: center"]#D87093[/TD]
[TD="bgcolor: #D87093"][/TD]
[TD="align: center"]PapayaWhip[/TD]
[TD="align: center"]#FFEFD5[/TD]
[TD="bgcolor: #FFEFD5"][/TD]
[TD="align: center"]PeachPuff[/TD]
[TD="align: center"]#FFDAB9[/TD]
[TD="bgcolor: #FFDAB9"][/TD]
[TD="align: center"]Peru[/TD]
[TD="align: center"]#CD853F[/TD]
[TD="bgcolor: #CD853F"][/TD]
[TD="align: center"]Pink[/TD]
[TD="align: center"]#FFC0CB[/TD]
[TD="bgcolor: #FFC0CB"][/TD]
[TD="align: center"]Plum[/TD]
[TD="align: center"]#DDA0DD[/TD]
[TD="bgcolor: #DDA0DD"][/TD]
[TD="align: center"]PowderBlue[/TD]
[TD="align: center"]#B0E0E6[/TD]
[TD="bgcolor: #B0E0E6"][/TD]
[TD="align: center"]Purple[/TD]
[TD="align: center"]#800080[/TD]
[TD="bgcolor: #800080"][/TD]
[TD="align: center"]Red[/TD]
[TD="align: center"]#FF0000[/TD]
[TD="bgcolor: #FF0000"][/TD]
[TD="align: center"]RosyBrown[/TD]
[TD="align: center"]#BC8F8F[/TD]
[TD="bgcolor: #BC8F8F"][/TD]
[TD="align: center"]RoyalBlue[/TD]
[TD="align: center"]#4169E1[/TD]
[TD="bgcolor: #4169E1"][/TD]
[TD="align: center"]SaddleBrown[/TD]
[TD="align: center"]#8B4513[/TD]
[TD="bgcolor: #8B4513"][/TD]
[TD="align: center"]Salmon[/TD]
[TD="align: center"]#FA8072[/TD]
[TD="bgcolor: #FA8072"][/TD]
[TD="align: center"]SandyBrown[/TD]
[TD="align: center"]#F4A460[/TD]
[TD="bgcolor: #F4A460"][/TD]
[TD="align: center"]SeaGreen[/TD]
[TD="align: center"]#2E8B57[/TD]
[TD="bgcolor: #2E8B57"][/TD]
[TD="align: center"]SeaShell[/TD]
[TD="align: center"]#FFF5EE[/TD]
[TD="bgcolor: #FFF5EE"][/TD]
[TD="align: center"]Sienna[/TD]
[TD="align: center"]#A0522D[/TD]
[TD="bgcolor: #A0522D"][/TD]
[TD="align: center"]Silver[/TD]
[TD="align: center"]#C0C0C0[/TD]
[TD="bgcolor: #C0C0C0"][/TD]
[TD="align: center"]SkyBlue[/TD]
[TD="align: center"]#87CEEB[/TD]
[TD="bgcolor: #87CEEB"][/TD]
[TD="align: center"]SlateBlue[/TD]
[TD="align: center"]#6A5ACD[/TD]
[TD="bgcolor: #6A5ACD"][/TD]
[TD="align: center"]SlateGrey[/TD]
[TD="align: center"]#708090[/TD]
[TD="bgcolor: #708090"][/TD]
[TD="align: center"]Snow[/TD]
[TD="align: center"]#FFFAFA[/TD]
[TD="bgcolor: #FFFAFA"][/TD]
[TD="align: center"]SpringGreen[/TD]
[TD="align: center"]#00FF7F[/TD]
[TD="bgcolor: #00FF7F"][/TD]
[TD="align: center"]SteelBlue[/TD]
[TD="align: center"]#4682B4[/TD]
[TD="bgcolor: #4682B4"][/TD]
[TD="align: center"]Tan[/TD]
[TD="align: center"]#D2B48C[/TD]
[TD="bgcolor: #D2B48C"][/TD]
[TD="align: center"]Teal[/TD]
[TD="align: center"]#008080[/TD]
[TD="bgcolor: #008080"][/TD]
[TD="align: center"]Thistle[/TD]
[TD="align: center"]#D8BFD8[/TD]
[TD="bgcolor: #D8BFD8"][/TD]
[TD="align: center"]Tomato[/TD]
[TD="align: center"]#FF6347[/TD]
[TD="bgcolor: #FF6347"][/TD]
[TD="align: center"]Turquoise[/TD]
[TD="align: center"]#40E0D0[/TD]
[TD="bgcolor: #40E0D0"][/TD]
[TD="align: center"]Violet[/TD]
[TD="align: center"]#EE82EE[/TD]
[TD="bgcolor: #EE82EE"][/TD]
[TD="align: center"]Wheat[/TD]
[TD="align: center"]#F5DEB3[/TD]
[TD="bgcolor: #F5DEB3"][/TD]
[TD="align: center"]White[/TD]
[TD="align: center"]#FFFFFF[/TD]
[TD="bgcolor: #FFFFFF"][/TD]
[TD="align: center"]WhiteSmoke[/TD]
[TD="align: center"]#F5F5F5[/TD]
[TD="bgcolor: #F5F5F5"][/TD]
[TD="align: center"]Yellow[/TD]
[TD="align: center"]#FFFF00[/TD]
[TD="bgcolor: #FFFF00"][/TD]
[TD="align: center"]YellowGreen[/TD]
[TD="align: center"]#9ACD32
[/TD]
[TD="bgcolor: #9ACD32"][/TD]
روش استفاده از کدهای فوق به شکل زیر می باشد
منبع: learning.asarayan.com
به صورت کلی رنگها با 2 مقدار در Html نشانه گذاری می شوند .
نوع اول استفاده از کد هگزا می باشد . اين کد تشکيل شده از 6 کاراکتر که هر کدام از آنها مي تواند يکي از مقادير زير باشد:
0,1,2,3,4,5,6,7,8,9, A,B,C,D,E,F
که اين شش کاراکتر بهمراه علامت # مي آيند، بدين شکل: FFFFFF# اين مقدار نمايانگر سه رنگ قرمز (Red) سبز (Green) و آبي (Blue) مي باشد که اصطلاحاً به آنها RGB مي گويند. اگر هگز يک رنگ را FF0099 در نظر بگيريم، FF مقدار ترکيبي رنگ قرمز، 00 مقدار ترکيبي رنگ سبز و 99 مقدار رنگ آبي را نشان مي دهد که 00 کمرنگ ترين و FF پر رنگ ترين حالت را نمايش مي دهند. بطور مثال FF0000 کاملاً رنگ قرمز را نشان مي دهد.
با ترکيب اين 16 کاراکتر مي توانيد 16.7 ميليون رنگ بسازيد. اما فقط 256 رنگ هست که سازگار با کليه سيستمهاي عامل و مرورگرها است يعني رنگهاي غير از آنها در سيستمهاي مختلف با هم فرق دارند
بنا بر اعلام W3C بهتر است براي بکارگيري رنگها از خصوصيات استايل شيتها استفاده کنيد چون در آينده نزديک خصوصيات رنگها در عناصر کاربردي نخواهد داشت و از رده خارج ميشوند. همچنين از حروف بزرگ در مقداردهي رنگها استفاده کنيد و علامت # را فراموش نکنيد.
9 رنگ پر کاربرد را می توانید در زیر مشاهده کنید .
[TABLE="width: 620"]
[TR]
[TH="width: 320, align: center"]رنگ[/TH]
[TH="width: 150, align: center"]کد رنگ HEX[/TH]
[TH="width: 150, align: center"]کد رنگ RGB[/TH]
[/TR]
[TR]
[TD="bgcolor: #000000, align: left"][/TD]
[TD="class: eng, align: center"]#000000[/TD]
[TD="class: eng, align: center"]rgb(0,0,0)[/TD]
[/TR]
[TR]
[TD="bgcolor: #FF0000, align: left"][/TD]
[TD="class: eng, align: center"]#FF0000[/TD]
[TD="class: eng, align: center"]rgb(255,0,0)[/TD]
[/TR]
[TR]
[TD="bgcolor: #00FF00, align: left"][/TD]
[TD="class: eng, align: center"]#00FF00[/TD]
[TD="class: eng, align: center"]rgb(0,255,0)[/TD]
[/TR]
[TR]
[TD="bgcolor: #0000FF, align: left"][/TD]
[TD="class: eng, align: center"]#0000FF[/TD]
[TD="class: eng, align: center"]rgb(0,0,255)[/TD]
[/TR]
[TR]
[TD="bgcolor: #FFFF00, align: left"][/TD]
[TD="class: eng, align: center"]#FFFF00[/TD]
[TD="class: eng, align: center"]rgb(255,255,0)[/TD]
[/TR]
[TR]
[TD="bgcolor: #00FFFF, align: left"][/TD]
[TD="class: eng, align: center"]#00FFFF[/TD]
[TD="class: eng, align: center"]rgb(0,255,255)[/TD]
[/TR]
[TR]
[TD="bgcolor: #FF00FF, align: left"][/TD]
[TD="class: eng, align: center"]#FF00FF[/TD]
[TD="class: eng, align: center"]rgb(255,0,255)[/TD]
[/TR]
[TR]
[TD="bgcolor: #C0C0C0, align: left"][/TD]
[TD="class: eng, align: center"]#C0C0C0[/TD]
[TD="class: eng, align: center"]rgb(192,192,192)[/TD]
[/TR]
[TR]
[TD="bgcolor: #FFFFFF, align: left"][/TD]
[TD="class: eng, align: center"]#FFFFFF[/TD]
[TD="class: eng, align: center"]rgb(255,255,255)[/TD]
[/TR]
[/TABLE]
:: نام های استاندارد تعریف شده برای رنگ ها در CSS و HTML
برای تعداد ۱۴۷ رنگ در CSS و Html نام استاندارد تعریف شده که اونها رو با رنگ و کد معادلشون در زیر می بینید :
| نام رنگ | HEX Code |
|---|---|
[TH="width: 320"]رنگ[/TH]
[TD="align: center"]AliceBlue
[/TD]
[TD="align: center"]#F0F8FF[/TD]
[TD="bgcolor: #F0F8FF"][/TD]
[TD="align: center"]AntiqueWhite[/TD]
[TD="align: center"]#FAEBD7[/TD]
[TD="bgcolor: #FAEBD7"][/TD]
[TD="align: center"]Aqua[/TD]
[TD="align: center"]#00FFFF[/TD]
[TD="bgcolor: #00FFFF"][/TD]
[TD="align: center"]Aquamarine[/TD]
[TD="align: center"]#7FFFD4[/TD]
[TD="bgcolor: #7FFFD4"][/TD]
[TD="align: center"]Azure[/TD]
[TD="align: center"]#F0FFFF[/TD]
[TD="bgcolor: #F0FFFF"][/TD]
[TD="align: center"]Beige[/TD]
[TD="align: center"]#F5F5DC[/TD]
[TD="bgcolor: #F5F5DC"][/TD]
[TD="align: center"]Bisque[/TD]
[TD="align: center"]#FFE4C4[/TD]
[TD="bgcolor: #FFE4C4"][/TD]
[TD="align: center"]Black[/TD]
[TD="align: center"]#000000[/TD]
[TD="bgcolor: #000000"][/TD]
[TD="align: center"]
BlanchedAlmond[/TD]
[TD="align: center"]#FFEBCD[/TD]
[TD="bgcolor: #FFEBCD"][/TD]
[TD="align: center"]Blue[/TD]
[TD="align: center"]#0000FF[/TD]
[TD="bgcolor: #0000FF"][/TD]
[TD="align: center"]BlueViolet[/TD]
[TD="align: center"]#8A2BE2[/TD]
[TD="bgcolor: #8A2BE2"][/TD]
[TD="align: center"]Brown[/TD]
[TD="align: center"]#A52A2A[/TD]
[TD="bgcolor: #A52A2A"][/TD]
[TD="align: center"]BurlyWood[/TD]
[TD="align: center"]#DEB887[/TD]
[TD="bgcolor: #DEB887"][/TD]
[TD="align: center"]CadetBlue[/TD]
[TD="align: center"]#5F9EA0[/TD]
[TD="bgcolor: #5F9EA0"][/TD]
[TD="align: center"]Chartreuse[/TD]
[TD="align: center"]#7FFF00[/TD]
[TD="bgcolor: #7FFF00"][/TD]
[TD="align: center"]Chocolate[/TD]
[TD="align: center"]#D2691E[/TD]
[TD="bgcolor: #D2691E"][/TD]
[TD="align: center"]Coral[/TD]
[TD="align: center"]#FF7F50[/TD]
[TD="bgcolor: #FF7F50"][/TD]
[TD="align: center"]
CornflowerBlue[/TD]
[TD="align: center"]#6495ED[/TD]
[TD="bgcolor: #6495ED"][/TD]
[TD="align: center"]Cornsilk[/TD]
[TD="align: center"]#FFF8DC[/TD]
[TD="bgcolor: #FFF8DC"][/TD]
[TD="align: center"]Crimson[/TD]
[TD="align: center"]#DC143C[/TD]
[TD="bgcolor: #DC143C"][/TD]
[TD="align: center"]Cyan[/TD]
[TD="align: center"]#00FFFF[/TD]
[TD="bgcolor: #00FFFF"][/TD]
[TD="align: center"]DarkBlue[/TD]
[TD="align: center"]#00008B[/TD]
[TD="bgcolor: #00008B"][/TD]
[TD="align: center"]DarkCyan[/TD]
[TD="align: center"]#008B8B[/TD]
[TD="bgcolor: #008B8B"][/TD]
[TD="align: center"]
DarkGoldenRod[/TD]
[TD="align: center"]#B8860B[/TD]
[TD="bgcolor: #B8860B"][/TD]
[TD="align: center"]DarkGrey[/TD]
[TD="align: center"]#A9A9A9[/TD]
[TD="bgcolor: #A9A9A9"][/TD]
[TD="align: center"]DarkGreen[/TD]
[TD="align: center"]#006400[/TD]
[TD="bgcolor: #006400"][/TD]
[TD="align: center"]DarkKhaki[/TD]
[TD="align: center"]#BDB76B[/TD]
[TD="bgcolor: #BDB76B"][/TD]
[TD="align: center"]DarkMagenta[/TD]
[TD="align: center"]#8B008B[/TD]
[TD="bgcolor: #8B008B"][/TD]
[TD="align: center"]
DarkOliveGreen[/TD]
[TD="align: center"]#556B2F[/TD]
[TD="bgcolor: #556B2F"][/TD]
[TD="align: center"]Darkorange[/TD]
[TD="align: center"]#FF8C00[/TD]
[TD="bgcolor: #FF8C00"][/TD]
[TD="align: center"]DarkOrchid[/TD]
[TD="align: center"]#9932CC[/TD]
[TD="bgcolor: #9932CC"][/TD]
[TD="align: center"]DarkRed[/TD]
[TD="align: center"]#8B0000[/TD]
[TD="bgcolor: #8B0000"][/TD]
[TD="align: center"]DarkSalmon[/TD]
[TD="align: center"]#E9967A[/TD]
[TD="bgcolor: #E9967A"][/TD]
[TD="align: center"]DarkSeaGreen[/TD]
[TD="align: center"]#8FBC8F[/TD]
[TD="bgcolor: #8FBC8F"][/TD]
[TD="align: center"]
DarkSlateBlue[/TD]
[TD="align: center"]#483D8B[/TD]
[TD="bgcolor: #483D8B"][/TD]
[TD="align: center"]
DarkSlateGrey[/TD]
[TD="align: center"]#2F4F4F[/TD]
[TD="bgcolor: #2F4F4F"][/TD]
[TD="align: center"]
DarkTurquoise[/TD]
[TD="align: center"]#00CED1[/TD]
[TD="bgcolor: #00CED1"][/TD]
[TD="align: center"]DarkViolet[/TD]
[TD="align: center"]#9400D3[/TD]
[TD="bgcolor: #9400D3"][/TD]
[TD="align: center"]DeepPink[/TD]
[TD="align: center"]#FF1493[/TD]
[TD="bgcolor: #FF1493"][/TD]
[TD="align: center"]DeepSkyBlue[/TD]
[TD="align: center"]#00BFFF[/TD]
[TD="bgcolor: #00BFFF"][/TD]
[TD="align: center"]DimGrey[/TD]
[TD="align: center"]#696969[/TD]
[TD="bgcolor: #696969"][/TD]
[TD="align: center"]DodgerBlue[/TD]
[TD="align: center"]#1E90FF[/TD]
[TD="bgcolor: #1E90FF"][/TD]
[TD="align: center"]FireBrick[/TD]
[TD="align: center"]#B22222[/TD]
[TD="bgcolor: #B22222"][/TD]
[TD="align: center"]FloralWhite[/TD]
[TD="align: center"]#FFFAF0[/TD]
[TD="bgcolor: #FFFAF0"][/TD]
[TD="align: center"]ForestGreen[/TD]
[TD="align: center"]#228B22[/TD]
[TD="bgcolor: #228B22"][/TD]
[TD="align: center"]Fuchsia[/TD]
[TD="align: center"]#FF00FF[/TD]
[TD="bgcolor: #FF00FF"][/TD]
[TD="align: center"]Gainsboro[/TD]
[TD="align: center"]#DCDCDC[/TD]
[TD="bgcolor: #DCDCDC"][/TD]
[TD="align: center"]GhostWhite[/TD]
[TD="align: center"]#F8F8FF[/TD]
[TD="bgcolor: #F8F8FF"][/TD]
[TD="align: center"]Gold[/TD]
[TD="align: center"]#FFD700[/TD]
[TD="bgcolor: #FFD700"][/TD]
[TD="align: center"]GoldenRod[/TD]
[TD="align: center"]#DAA520[/TD]
[TD="bgcolor: #DAA520"][/TD]
[TD="align: center"]Grey[/TD]
[TD="align: center"]#808080[/TD]
[TD="bgcolor: #808080"][/TD]
[TD="align: center"]Green[/TD]
[TD="align: center"]#008000[/TD]
[TD="bgcolor: #008000"][/TD]
[TD="align: center"]GreenYellow[/TD]
[TD="align: center"]#ADFF2F[/TD]
[TD="bgcolor: #ADFF2F"][/TD]
[TD="align: center"]HoneyDew[/TD]
[TD="align: center"]#F0FFF0[/TD]
[TD="bgcolor: #F0FFF0"][/TD]
[TD="align: center"]HotPink[/TD]
[TD="align: center"]#FF69B4[/TD]
[TD="bgcolor: #FF69B4"][/TD]
[TD="align: center"]IndianRed
[/TD]
[TD="align: center"]#CD5C5C[/TD]
[TD="bgcolor: #CD5C5C"][/TD]
[TD="align: center"]Indigo
[/TD]
[TD="align: center"]#4B0082[/TD]
[TD="bgcolor: #4B0082"][/TD]
[TD="align: center"]Ivory[/TD]
[TD="align: center"]#FFFFF0[/TD]
[TD="bgcolor: #FFFFF0"][/TD]
[TD="align: center"]Khaki[/TD]
[TD="align: center"]#F0E68C[/TD]
[TD="bgcolor: #F0E68C"][/TD]
[TD="align: center"]Lavender[/TD]
[TD="align: center"]#E6E6FA[/TD]
[TD="bgcolor: #E6E6FA"][/TD]
[TD="align: center"]
LavenderBlush[/TD]
[TD="align: center"]#FFF0F5[/TD]
[TD="bgcolor: #FFF0F5"][/TD]
[TD="align: center"]LawnGreen[/TD]
[TD="align: center"]#7CFC00[/TD]
[TD="bgcolor: #7CFC00"][/TD]
[TD="align: center"]LemonChiffon[/TD]
[TD="align: center"]#FFFACD[/TD]
[TD="bgcolor: #FFFACD"][/TD]
[TD="align: center"]LightBlue[/TD]
[TD="align: center"]#ADD8E6[/TD]
[TD="bgcolor: #ADD8E6"][/TD]
[TD="align: center"]LightCoral[/TD]
[TD="align: center"]#F08080[/TD]
[TD="bgcolor: #F08080"][/TD]
[TD="align: center"]LightCyan[/TD]
[TD="align: center"]#E0FFFF[/TD]
[TD="bgcolor: #E0FFFF"][/TD]
[TD="align: center"]
LightGoldenRodYellow[/TD]
[TD="align: center"]#FAFAD2[/TD]
[TD="bgcolor: #FAFAD2"][/TD]
[TD="align: center"]LightGrey[/TD]
[TD="align: center"]#D3D3D3[/TD]
[TD="bgcolor: #D3D3D3"][/TD]
[TD="align: center"]LightGreen[/TD]
[TD="align: center"]#90EE90[/TD]
[TD="bgcolor: #90EE90"][/TD]
[TD="align: center"]LightPink[/TD]
[TD="align: center"]#FFB6C1[/TD]
[TD="bgcolor: #FFB6C1"][/TD]
[TD="align: center"]LightSalmon[/TD]
[TD="align: center"]#FFA07A[/TD]
[TD="bgcolor: #FFA07A"][/TD]
[TD="align: center"]
LightSeaGreen[/TD]
[TD="align: center"]#20B2AA[/TD]
[TD="bgcolor: #20B2AA"][/TD]
[TD="align: center"]LightSkyBlue[/TD]
[TD="align: center"]#87CEFA[/TD]
[TD="bgcolor: #87CEFA"][/TD]
[TD="align: center"]
LightSlateGrey[/TD]
[TD="align: center"]#778899[/TD]
[TD="bgcolor: #778899"][/TD]
[TD="align: center"]
LightSteelBlue[/TD]
[TD="align: center"]#B0C4DE[/TD]
[TD="bgcolor: #B0C4DE"][/TD]
[TD="align: center"]LightYellow[/TD]
[TD="align: center"]#FFFFE0[/TD]
[TD="bgcolor: #FFFFE0"][/TD]
[TD="align: center"]Lime[/TD]
[TD="align: center"]#00FF00[/TD]
[TD="bgcolor: #00FF00"][/TD]
[TD="align: center"]LimeGreen[/TD]
[TD="align: center"]#32CD32[/TD]
[TD="bgcolor: #32CD32"][/TD]
[TD="align: center"]Linen[/TD]
[TD="align: center"]#FAF0E6[/TD]
[TD="bgcolor: #FAF0E6"][/TD]
[TD="align: center"]Magenta[/TD]
[TD="align: center"]#FF00FF[/TD]
[TD="bgcolor: #FF00FF"][/TD]
[TD="align: center"]Maroon[/TD]
[TD="align: center"]#800000[/TD]
[TD="bgcolor: #800000"][/TD]
[TD="align: center"]
MediumAquaMarine[/TD]
[TD="align: center"]#66CDAA[/TD]
[TD="bgcolor: #66CDAA"][/TD]
[TD="align: center"]MediumBlue[/TD]
[TD="align: center"]#0000CD[/TD]
[TD="bgcolor: #0000CD"][/TD]
[TD="align: center"]MediumOrchid[/TD]
[TD="align: center"]#BA55D3[/TD]
[TD="bgcolor: #BA55D3"][/TD]
[TD="align: center"]MediumPurple[/TD]
[TD="align: center"]#9370D8[/TD]
[TD="bgcolor: #9370D8"][/TD]
[TD="align: center"]
MediumSeaGreen[/TD]
[TD="align: center"]#3CB371[/TD]
[TD="bgcolor: #3CB371"][/TD]
[TD="align: center"]
MediumSlateBlue[/TD]
[TD="align: center"]#7B68EE[/TD]
[TD="bgcolor: #7B68EE"][/TD]
[TD="align: center"]
MediumSpringGreen[/TD]
[TD="align: center"]#00FA9A[/TD]
[TD="bgcolor: #00FA9A"][/TD]
[TD="align: center"]
MediumTurquoise[/TD]
[TD="align: center"]#48D1CC[/TD]
[TD="bgcolor: #48D1CC"][/TD]
[TD="align: center"]
MediumVioletRed[/TD]
[TD="align: center"]#C71585[/TD]
[TD="bgcolor: #C71585"][/TD]
[TD="align: center"]MidnightBlue[/TD]
[TD="align: center"]#191970[/TD]
[TD="bgcolor: #191970"][/TD]
[TD="align: center"]MintCream[/TD]
[TD="align: center"]#F5FFFA[/TD]
[TD="bgcolor: #F5FFFA"][/TD]
[TD="align: center"]MistyRose[/TD]
[TD="align: center"]#FFE4E1[/TD]
[TD="bgcolor: #FFE4E1"][/TD]
[TD="align: center"]Moccasin[/TD]
[TD="align: center"]#FFE4B5[/TD]
[TD="bgcolor: #FFE4B5"][/TD]
[TD="align: center"]NavajoWhite[/TD]
[TD="align: center"]#FFDEAD[/TD]
[TD="bgcolor: #FFDEAD"][/TD]
[TD="align: center"]Navy[/TD]
[TD="align: center"]#000080[/TD]
[TD="bgcolor: #000080"][/TD]
[TD="align: center"]OldLace[/TD]
[TD="align: center"]#FDF5E6[/TD]
[TD="bgcolor: #FDF5E6"][/TD]
[TD="align: center"]Olive[/TD]
[TD="align: center"]#808000[/TD]
[TD="bgcolor: #808000"][/TD]
[TD="align: center"]OliveDrab[/TD]
[TD="align: center"]#6B8E23[/TD]
[TD="bgcolor: #6B8E23"][/TD]
[TD="align: center"]Orange[/TD]
[TD="align: center"]#FFA500[/TD]
[TD="bgcolor: #FFA500"][/TD]
[TD="align: center"]OrangeRed[/TD]
[TD="align: center"]#FF4500[/TD]
[TD="bgcolor: #FF4500"][/TD]
[TD="align: center"]Orchid[/TD]
[TD="align: center"]#DA70D6[/TD]
[TD="bgcolor: #DA70D6"][/TD]
[TD="align: center"]
PaleGoldenRod[/TD]
[TD="align: center"]#EEE8AA[/TD]
[TD="bgcolor: #EEE8AA"][/TD]
[TD="align: center"]PaleGreen[/TD]
[TD="align: center"]#98FB98[/TD]
[TD="bgcolor: #98FB98"][/TD]
[TD="align: center"]
PaleTurquoise[/TD]
[TD="align: center"]#AFEEEE[/TD]
[TD="bgcolor: #AFEEEE"][/TD]
[TD="align: center"]
PaleVioletRed[/TD]
[TD="align: center"]#D87093[/TD]
[TD="bgcolor: #D87093"][/TD]
[TD="align: center"]PapayaWhip[/TD]
[TD="align: center"]#FFEFD5[/TD]
[TD="bgcolor: #FFEFD5"][/TD]
[TD="align: center"]PeachPuff[/TD]
[TD="align: center"]#FFDAB9[/TD]
[TD="bgcolor: #FFDAB9"][/TD]
[TD="align: center"]Peru[/TD]
[TD="align: center"]#CD853F[/TD]
[TD="bgcolor: #CD853F"][/TD]
[TD="align: center"]Pink[/TD]
[TD="align: center"]#FFC0CB[/TD]
[TD="bgcolor: #FFC0CB"][/TD]
[TD="align: center"]Plum[/TD]
[TD="align: center"]#DDA0DD[/TD]
[TD="bgcolor: #DDA0DD"][/TD]
[TD="align: center"]PowderBlue[/TD]
[TD="align: center"]#B0E0E6[/TD]
[TD="bgcolor: #B0E0E6"][/TD]
[TD="align: center"]Purple[/TD]
[TD="align: center"]#800080[/TD]
[TD="bgcolor: #800080"][/TD]
[TD="align: center"]Red[/TD]
[TD="align: center"]#FF0000[/TD]
[TD="bgcolor: #FF0000"][/TD]
[TD="align: center"]RosyBrown[/TD]
[TD="align: center"]#BC8F8F[/TD]
[TD="bgcolor: #BC8F8F"][/TD]
[TD="align: center"]RoyalBlue[/TD]
[TD="align: center"]#4169E1[/TD]
[TD="bgcolor: #4169E1"][/TD]
[TD="align: center"]SaddleBrown[/TD]
[TD="align: center"]#8B4513[/TD]
[TD="bgcolor: #8B4513"][/TD]
[TD="align: center"]Salmon[/TD]
[TD="align: center"]#FA8072[/TD]
[TD="bgcolor: #FA8072"][/TD]
[TD="align: center"]SandyBrown[/TD]
[TD="align: center"]#F4A460[/TD]
[TD="bgcolor: #F4A460"][/TD]
[TD="align: center"]SeaGreen[/TD]
[TD="align: center"]#2E8B57[/TD]
[TD="bgcolor: #2E8B57"][/TD]
[TD="align: center"]SeaShell[/TD]
[TD="align: center"]#FFF5EE[/TD]
[TD="bgcolor: #FFF5EE"][/TD]
[TD="align: center"]Sienna[/TD]
[TD="align: center"]#A0522D[/TD]
[TD="bgcolor: #A0522D"][/TD]
[TD="align: center"]Silver[/TD]
[TD="align: center"]#C0C0C0[/TD]
[TD="bgcolor: #C0C0C0"][/TD]
[TD="align: center"]SkyBlue[/TD]
[TD="align: center"]#87CEEB[/TD]
[TD="bgcolor: #87CEEB"][/TD]
[TD="align: center"]SlateBlue[/TD]
[TD="align: center"]#6A5ACD[/TD]
[TD="bgcolor: #6A5ACD"][/TD]
[TD="align: center"]SlateGrey[/TD]
[TD="align: center"]#708090[/TD]
[TD="bgcolor: #708090"][/TD]
[TD="align: center"]Snow[/TD]
[TD="align: center"]#FFFAFA[/TD]
[TD="bgcolor: #FFFAFA"][/TD]
[TD="align: center"]SpringGreen[/TD]
[TD="align: center"]#00FF7F[/TD]
[TD="bgcolor: #00FF7F"][/TD]
[TD="align: center"]SteelBlue[/TD]
[TD="align: center"]#4682B4[/TD]
[TD="bgcolor: #4682B4"][/TD]
[TD="align: center"]Tan[/TD]
[TD="align: center"]#D2B48C[/TD]
[TD="bgcolor: #D2B48C"][/TD]
[TD="align: center"]Teal[/TD]
[TD="align: center"]#008080[/TD]
[TD="bgcolor: #008080"][/TD]
[TD="align: center"]Thistle[/TD]
[TD="align: center"]#D8BFD8[/TD]
[TD="bgcolor: #D8BFD8"][/TD]
[TD="align: center"]Tomato[/TD]
[TD="align: center"]#FF6347[/TD]
[TD="bgcolor: #FF6347"][/TD]
[TD="align: center"]Turquoise[/TD]
[TD="align: center"]#40E0D0[/TD]
[TD="bgcolor: #40E0D0"][/TD]
[TD="align: center"]Violet[/TD]
[TD="align: center"]#EE82EE[/TD]
[TD="bgcolor: #EE82EE"][/TD]
[TD="align: center"]Wheat[/TD]
[TD="align: center"]#F5DEB3[/TD]
[TD="bgcolor: #F5DEB3"][/TD]
[TD="align: center"]White[/TD]
[TD="align: center"]#FFFFFF[/TD]
[TD="bgcolor: #FFFFFF"][/TD]
[TD="align: center"]WhiteSmoke[/TD]
[TD="align: center"]#F5F5F5[/TD]
[TD="bgcolor: #F5F5F5"][/TD]
[TD="align: center"]Yellow[/TD]
[TD="align: center"]#FFFF00[/TD]
[TD="bgcolor: #FFFF00"][/TD]
[TD="align: center"]YellowGreen[/TD]
[TD="align: center"]#9ACD32
[/TD]
[TD="bgcolor: #9ACD32"][/TD]
HTML:
<font color="red">رنگ متن به صورت قرمز در مرورگر نمایش داده می شود </font><font color="#038ffb" >رنگ متن به صورت آبی در مرورگر نمایش داده می شود </font>منبع: learning.asarayan.com