View source for Wiki color formatting help


Set '''text''' color by using 
<span style="color:#000080">'''<nowiki><span style="color:#FF0000"></nowiki>'''</span> 
<span style="color:#FF0000">This text will be red</span>
<span style="color:#000080">'''<nowiki></span></nowiki>'''</span>
Set '''background''' color by using 
<span style="color:#000080">'''<nowiki><span style="background:#00C000"></nowiki>'''</span>
<span style="background:#00C000">This text will be on a green background</span>
<span style="color:#000080">'''<nowiki></span></nowiki>'''</span>
Set '''both''' by using 
<span style="color:#000080">'''<nowiki><span style="color:#FFFF00; background:#00C000"></nowiki>'''</span>
<span style="color:#FFFF00; background:#00C000">This text will be yellow and on a green background</span>
<span style="color:#000080">'''<nowiki></span></nowiki>'''</span>

{| align=center cellspacing="1" cellpadding="1" style="background: #f7f8ff; border: 1px solid #88a; padding: 5px; font-size: 90%; width: 88%;"
|- 
! style="background: #ccf;" colspan="3" |Wikipedia help page for article editing and creating
| rowspan="2" colspan="3" style="padding-left: 6px;" |
|- valign="top"
|
{| class=sortable border="0"
!style="background:lightgrey;"            | HTML name
!colspan=2 style="background:lightgrey;"| Hexadecimal code <br/>R &nbsp; G &nbsp; B
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Red colors'''</big>
|- style="background:indianred; color:white;"
|IndianRed  ||CD 5C 5C
|- style="background:lightcoral; color:black;" 
|LightCoral ||F0 80 80
|- style="background:salmon; color:black;"
|Salmon     ||FA 80 72
|- style="background:darksalmon; color:black;"
|DarkSalmon     ||E9 96 7A
|- style="background:lightsalmon; color:black;"
|LightSalmon     ||FF A0 7A
|- style="background:crimson; color:white; color:white;"
|Crimson       ||DC 14 3C
|- style="background:red; color:white;"
|Red            ||FF 00 00
|- style="background:firebrick; color:white;"
|FireBrick      ||B2 22 22
|- style="background:darkred; color:white;"
|DarkRed        ||8B 00 00
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Pink colors'''</big>
|- style="background:pink; color:black;"
|Pink           ||FF C0 CB
|- style="background:lightpink; color:black;"
|LightPink      ||FF B6 C1
|- style="background:hotpink; color:white;"
|HotPink        ||FF 69 B4
|- style="background:deeppink; color:white;"
|DeepPink       ||FF 14 93
|- style="background:mediumvioletred; color:white;"
|MediumVioletRed||C7 15 85
|- style="background:palevioletred; color:white;"
|PaleVioletRed  ||DB 70 93
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Orange colors'''</big>
|- style="background:lightsalmon; color:black;"
||LightSalmon    ||FF A0 7A
|-  style="background:coral; color:white;"
|Coral          ||FF 7F 50
|- style="background:tomato; color:white;"
|Tomato         ||FF 63 47
|- style="background:orangered; color:white;"
|OrangeRed      ||FF 45 00
|- style="background:darkorange; color:white;"
|DarkOrange     ||FF 8C 00
|- style="background:orange; color:white;"
|Orange         ||FF A5 00
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Yellow colors'''</big>
|- style="background:gold; color:black;"
|Gold           ||FF D7 00
|- style="background:yellow; color:black;"
|Yellow         ||FF FF 00
|- style="background:lightyellow; color:black;"
|LightYellow    ||FF FF E0 
|- style="background:lemonchiffon; color:black;"
|LemonChiffon  ||FF FA CD 
|- style="background:lightgoldenrodyellow; color:black;"
|LightGoldenrodYellow||FA FA D2 
|- style="background:papayawhip; color:black;"
|PapayaWhip     ||FF EF D5 
|- style="background:moccasin; color:black;"
|Moccasin       ||FF E4 B5 
|- style="background:peachpuff; color:black;"
|PeachPuff      ||FF DA B9 
|- style="background:palegoldenrod; color:black;"
|PaleGoldenrod  ||EE E8 AA 
|- style="background:khaki; color:black;"
|Khaki          ||F0 E6 8C 
|- style="background:darkkhaki; color:white;"
|DarkKhaki      ||BD B7 6B 
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Purple colors'''</big>
|- style="background:lavender; color:black;"
|Lavender       ||E6 E6 FA 
|- style="background:thistle; color:white;"
|Thistle ||D8 BF D8 
|- style="background:plum; color:white;"
|Plum           ||DD A0 DD 
|- style="background:violet; color:white;"
|Violet         ||EE 82 EE 
|- style="background:orchid; color:white;"
|Orchid         ||DA 70 D6
|- style="background:fuchsia; color:white;"
|Fuchsia        ||FF 00 FF 
|- style="background:magenta; color:white;"
|Magenta||FF 00 FF 
|- style="background:mediumorchid; color:white;"
|MediumOrchid   ||BA 55 D3 
|- style="background:mediumpurple; color:white;"
|MediumPurple   ||93 70 DB 
|- style="background:blueviolet; color:white;"
|BlueViolet     ||8A 2B E2 
|- style="background:darkviolet; color:white;"
|DarkViolet     ||94 00 D3 
|- style="background:darkorchid; color:white;"
|DarkOrchid     ||99 32 CC 
|- style="background:darkmagenta; color:white;"
|DarkMagenta    ||8B 00 8B 
|- style="background:purple; color:white;"
|Purple         ||80 00 80 
|- style="background:indigo; color:white;"
|Indigo         ||4B 00 82  
|- style="background:slateblue; color:white;"
|SlateBlue      ||6A 5A CD
|- style="background:darkslateblue; color:white;"
|DarkSlateBlue  ||48 3D 8B
|-
|}
|
{| class=sortable
!style="background:lightgrey;"            | HTML name
!colspan=2 style="background:lightgrey;"| Hex code<br/>R &nbsp; G &nbsp; B
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Green colors'''</big>
|- style="background:greenyellow; color:black;"
|GreenYellow    ||AD FF 2F 
|- style="background:chartreuse; color:black;"
|Chartreuse     ||7F FF 00 
|- style="background:lawngreen; color:black;"
|LawnGreen      ||7C FC 00 
|- style="background:lime; color:black;"
|Lime           ||00 FF 00  
|- style="background:limegreen; color:black;"
|LimeGreen      ||32 CD 32
|- style="background:palegreen; color:black;"
|PaleGreen      ||98 FB 98 
|- style="background:lightgreen; color:black;"
|LightGreen     ||90 EE 90 
|- style="background:mediumspringgreen; color:black;"
|MediumSpringGreen||00 FA 9A 
|- style="background:springgreen; color:black;"
|SpringGreen    ||00 FF 7F 
|- style="background:mediumseagreen; color:white;"
|MediumSeaGreen ||3C B3 71 
|- style="background:seagreen; color:white;"
|SeaGreen       ||2E 8B 57 
|- style="background:forestgreen; color:white;"
|ForestGreen    ||22 8B 22 
|- style="background:green; color:white;"
|Green          ||00 80 00
|- style="background:darkgreen; color:white;"
|DarkGreen      ||00 64 00 
|- style="background:yellowgreen; color:white;"
|YellowGreen    ||9A CD 32
|- style="background:olivedrab; color:white;"
|OliveDrab      ||6B 8E 23 
|- style="background:olive; color:white;"
|Olive          ||80 80 00 
|- style="background:darkolivegreen; color:white;"
|DarkOliveGreen ||55 6B 2F
|- style="background:mediumaquamarine; color:black;"
|MediumAquamarine||66 CD AA 
|- style="background:darkseagreen; color:white;"
|DarkSeaGreen  ||8F BC 8F 
|- style="background:lightseagreen; color:white;"
|LightSeaGreen  ||20 B2 AA 
|- style="background:darkcyan; color:white;"
|DarkCyan       ||00 8B 8B 
|- style="background:teal; color:white;"
|Teal           ||00 80 80 
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Blue colors'''</big>
|- style="background:aqua; color:black;"
|Aqua           ||00 FF FF
|- style="background:cyan; color:black;"
|Cyan           ||00 FF FF
|- style="background:lightcyan; color:black;"
|LightCyan      ||E0 FF FF 
|- style="background:paleturquoise; color:black;"
|PaleTurquoise  ||AF EE EE 
|- style="background:aquamarine; color:black;"
|Aquamarine    ||7F FF D4 
|- style="background:turquoise; color:black;"
|Turquoise      ||40 E0 D0 
|- style="background:mediumturquoise; color:white;"
|MediumTurquoise ||48 D1 CC 
|- style="background:darkturquoise; color:white;"
|DarkTurquoise||00 CE D1  
|- style="background:cadetblue; color:white;"
|CadetBlue      ||5F 9E A0 
|- style="background:steelblue; color:white;"
|SteelBlue   ||46 82 B4
|- style="background:lightsteelblue; color:black;"
|LightSteelBlue ||B0 C4 DE  
|- style="background:powderblue; color:black;"
|PowderBlue     ||B0 E0 E6 
|- style="background:lightblue; color:black;"
|LightBlue      ||AD D8 E6 
|- style="background:skyblue; color:black;"
|SkyBlue        ||87 CE EB 
|- style="background:lightskyblue; color:black;"
|LightSkyBlue||87 CE FA 
|- style="background:deepskyblue; color:white;"
|DeepSkyBlue  ||00 BF FF  
|- style="background:dodgerblue; color:white;"
|DodgerBlue     ||1E 90 FF
|- style="background:cornflowerblue; color:white;"
|CornflowerBlue||64 95 ED
|- style="background:mediumslateblue; color:white;"
|MediumSlateBlue||7B 68 EE 
|- style="background:royalblue; color:white;"
|RoyalBlue      ||41 69 E1 
|- style="background:blue; color:white;"
|Blue           ||00 00 FF 
|- style="background:mediumblue; color:white;"
|MediumBlue     ||00 00 CD 
|- style="background:darkblue; color:white;"
|DarkBlue       ||00 00 8B 
|- style="background:navy; color:white;"
|Navy           ||00 00 80 
|- style="background:midnightblue; color:white;"
|MidnightBlue   ||19 19 70 
|-
|}
|
{| class=sortable
!style="background:lightgrey;"            | HTML name
!colspan=2 style="background:lightgrey;"| Hex code<br/>R &nbsp; G &nbsp; B
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Brown colors'''</big>
|- style="background:cornsilk; color:black;"
|Cornsilk       ||FF F8 DC 
|- style="background:blanchedalmond; color:black;"
|BlanchedAlmond ||FF EB CD 
|- style="background:bisque; color:black;"
|Bisque         ||FF E4 C4 
|- style="background:navajowhite; color:black;"
|NavajoWhite    ||FF DE AD 
|- style="background:wheat; color:black;"
|Wheat          ||F5 DE B3 
|- style="background:burlywood; color:white;"
|BurlyWood      ||DE B8 87 
|- style="background:tan; color:white;"
|Tan            ||D2 B4 8C 
|- style="background:rosybrown; color:white;"
|RosyBrown      ||BC 8F 8F 
|- style="background:sandybrown; color:white;"
|SandyBrown     ||F4 A4 60 
|- style="background:goldenrod; color:white;"
|Goldenrod      ||DA A5 20 
|- style="background:darkgoldenrod; color:white;"
|DarkGoldenrod  ||B8 86 0B 
|- style="background:peru; color:white;"
|Peru           ||CD 85 3F 
|- style="background:chocolate; color:white;"
|Chocolate     ||D2 69 1E 
|- style="background:saddlebrown; color:white;"
|SaddleBrown    ||8B 45 13 
|- style="background:sienna; color:white;"
|Sienna         ||A0 52 2D 
|- style="background:brown; color:white;"
|Brown          ||A5 2A 2A 
|- style="background:maroon; color:white;"
|Maroon         ||80 00 00
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''White colors'''</big>
|- style="background:white; color:black;"
|White          ||FF FF FF 
|- style="background:snow; color:black;"
|Snow           ||FF FA FA 
|- style="background:honeydew; color:black;"
|Honeydew       ||F0 FF F0 
|- style="background:mintcream; color:black;"
|MintCream      ||F5 FF FA 
|- style="background:azure; color:black;"
|Azure          ||F0 FF FF 
|- style="background:aliceblue; color:black;"
|AliceBlue      ||F0 F8 FF 
|- style="background:ghostwhite; color:black;"
|GhostWhite     ||F8 F8 FF 
|- style="background:whitesmoke; color:black;"
|WhiteSmoke     ||F5 F5 F5 
|- style="background:seashell; color:black;"
|Seashell       ||FF F5 EE 
|- style="background:beige; color:black;"
|Beige          ||F5 F5 DC 
|- style="background:oldlace; color:black;"
|OldLace        ||FD F5 E6 
|- style="background:floralwhite; color:black;"
|FloralWhite    ||FF FA F0 
|- style="background:ivory; color:black;"
|Ivory          ||FF FF F0 
|- style="background:antiquewhite; color:black;"
|AntiqueWhite   ||FA EB D7 
|- style="background:linen; color:black;"
|Linen          ||FA F0 E6 
|- style="background:lavenderblush; color:black;"
|LavenderBlush  ||FF F0 F5 
|- style="background:mistyrose; color:black;"
|MistyRose      ||FF E4 E1 
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Grey colors'''</big>
|- style="background:gainsboro; color:black;"
|Gainsboro      ||DC DC DC 
|- style="background:lightgrey; color:black;"
|LightGrey      ||D3 D3 D3 
|- style="background:silver; color:black;"
|Silver         ||C0 C0 C0 
|- style="background:darkgray; color:black;"
|DarkGray       ||A9 A9 A9 
|- style="background:gray; color:white;"
|Gray           ||80 80 80 
|- style="background:dimgray; color:white;"
|DimGray        ||69 69 69 
|- style="background:lightslategray; color:white;"
|LightSlateGray ||77 88 99 
|- style="background:slategray; color:white;"
|SlateGray      ||70 80 90 
|- style="background:darkslategray; color:white;"
|DarkSlateGray  ||2F 4F 4F 
|- style="background:black; color:white;"
|Black          ||00 00 00 
|}
|-
|}

== See also ==
<!--* [[Help:Table]]-->
* [[Help:Text color]]
<!--* [[Table background colors]]-->