Banri at 08:59, 20 February 2020

2020-02-20T08:59:37Z

@@ Line 14: / Line 14: @@
 All these examples produce:
 :<span style="color: #DC143C;">Example Text</span>
 =Codes=
@@ Line 359: / Line 342: @@
 |}
 |}
 [[Category:Help]]

Banri: Created page with "{{shortcut|H:CC}} Type the following to color your text:

Example Text

=Examples= Name

2020-02-20T08:40:08Z

Created page with "{{shortcut|H:CC}} Type the following to color your text: <pre>Example Text</pre> =Examples= Name <pre..."

New page

{{shortcut|H:CC}}

Type the following to color your text:
<pre>Example Text</pre>

=Examples=
Name
<pre>Example Text</pre>
Hex
<pre>Example Text</pre>
Dec
<pre>Example Text</pre>

All these examples produce:
:Example Text

=Tester=
{{Calc use|Help:Color codes/Calc}}
{{JSCalculator}}
You can also test the color in this box:

<pre class="jcConfig" style="display: none;">
template = Help:Color codes/Calc
form = we_Form
result = we_Result
param = format|Hex, Dec or name?|Hex|select|Hex,Dec,name
param = code|Color code/name||string
</pre>

<div id="we_Form">The calculator was unable to load.</div>

<div id="we_Result"></div>

=Codes=

{| style="font-size:90%;" cellpadding="4"
|- valign="top"
|
{|border="0"
!style="background:lightgrey;" | HTML name
!colspan="1" style="background:lightgrey;"| Hex code R   G   B
!colspan="1" style="background:lightgrey;"| Dec code R   G   B
|-
|colspan="3" style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Red colors'''</big>
|- style="background:indianred; color:white"
|IndianRed ||CD 5C 5C|| 205 92 92
|- style="background:lightcoral; color:black;"
|LightCoral ||F0 80 80||240 128 128
|- style="background:salmon; color:black;"
|Salmon ||FA 80 72||250 128 114
|- style="background:darksalmon; color:black;"
|DarkSalmon ||E9 96 7A||233 150 122
|- style="background:lightsalmon; color:black;"
|LightSalmon ||FF A0 7A||255 160 122
|- style="background:crimson; color:white; color:white;"
|Crimson ||DC 14 3C||220 20 60
|- style="background:red; color:white;"
|Red ||FF 00 00||255 0 0
|- style="background:firebrick; color:white;"
|FireBrick ||B2 22 22||178 34 34
|- style="background:darkred; color:white;"
|DarkRed ||8B 00 00||139 0 0
|-
|colspan="3" style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Pink colors'''</big>
|- style="background:pink; color:black;"
|Pink ||FF C0 CB||255 192 203
|- style="background:lightpink; color:black;"
|LightPink ||FF B6 C1||255 182 193
|- style="background:hotpink; color:white;"
|HotPink ||FF 69 B4||255 105 180
|- style="background:deeppink; color:white;"
|DeepPink ||FF 14 93||255 20 147
|- style="background:mediumvioletred; color:white;"
|MediumVioletRed||C7 15 85||199 21 133
|- style="background:palevioletred; color:white;"
|PaleVioletRed ||DB 70 93||219 112 147
|-
|colspan="3" style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Orange colors'''</big>
|- style="background:lightsalmon; color:black;"
|LightSalmon ||FF A0 7A||255 160 122
|- style="background:coral; color:white;"
|Coral ||FF 7F 50||255 127 80
|- style="background:tomato; color:white;"
|Tomato ||FF 63 47||255 99 71
|- style="background:orangered; color:white;"
|OrangeRed ||FF 45 00||255 69 0
|- style="background:darkorange; color:white;"
|DarkOrange ||FF 8C 00||255 140 0
|- style="background:orange; color:white;"
|Orange ||FF A5 00||255 165 0
|-
|colspan="3" style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Yellow colors'''</big>
|- style="background:gold; color:black;"
|Gold ||FF D7 00||255 215 0
|- style="background:yellow; color:black;"
|Yellow ||FF FF 00||255 255 0
|- style="background:lightyellow; color:black;"
|LightYellow ||FF FF E0||255 255 224
|- style="background:lemonchiffon; color:black;"
|LemonChiffon ||FF FA CD||255 250 205
|- style="background:lightgoldenrodyellow; color:black;"
|LightGoldenrodYellow||FA FA D2||250 250 210
|- style="background:papayawhip; color:black;"
|PapayaWhip ||FF EF D5||255 239 213
|- style="background:moccasin; color:black;"
|Moccasin ||FF E4 B5||255 228 181
|- style="background:peachpuff; color:black;"
|PeachPuff ||FF DA B9||255 218 185
|- style="background:palegoldenrod; color:black;"
|PaleGoldenrod ||EE E8 AA||238 232 170
|- style="background:khaki; color:black;"
|Khaki ||F0 E6 8C||240 230 140
|- style="background:darkkhaki; color:white;"
|DarkKhaki ||BD B7 6B||189 183 107
|-
|colspan="3" style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Purple colors'''</big>
|- style="background:lavender; color:black;"
|Lavender ||E6 E6 FA||230 230 250
|- style="background:thistle; color:white;"
|Thistle ||D8 BF D8||216 191 216
|- style="background:plum; color:white;"
|Plum ||DD A0 DD||221 160 221
|- style="background:violet; color:white;"
|Violet ||EE 82 EE||238 130 238
|- style="background:orchid; color:white;"
|Orchid ||DA 70 D6||218 112 214
|- style="background:fuchsia; color:white;"
|Fuchsia ||FF 00 FF||255 0 255
|- style="background:magenta; color:white;"
|Magenta||FF 00 FF||255 0 255
|- style="background:mediumorchid; color:white;"
|MediumOrchid ||BA 55 D3||186 85 211
|- style="background:mediumpurple; color:white;"
|MediumPurple ||93 70 DB||147 112 219
|- style="background:blueviolet; color:white;"
|BlueViolet ||8A 2B E2||138 43 226
|- style="background:darkviolet; color:white;"
|DarkViolet ||94 00 D3||148 0 211
|- style="background:darkorchid; color:white;"
|DarkOrchid ||99 32 CC||153 50 204
|- style="background:darkmagenta; color:white;"
|DarkMagenta ||8B 00 8B||139 0 139
|- style="background:purple; color:white;"
|Purple ||80 00 80||128 0 128
|- style="background:indigo; color:white;"
|Indigo ||4B 00 82|| 75 0 130
|- style="background:slateblue; color:white;"
|SlateBlue ||6A 5A CD||106 90 205
|- style="background:darkslateblue; color:white;"
|DarkSlateBlue ||48 3D 8B|| 72 61 139
|}
|
{|
!style="background:lightgrey;" | HTML name
!colspan="1" style="background:lightgrey;"| Hex code R   G   B
!colspan="1" style="background:lightgrey;"| Dec code R   G   B
|-
|colspan="3" style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Green colors'''</big>
|- style="background:greenyellow; color:black;"
|GreenYellow ||AD FF 2F||173 255 47
|- style="background:chartreuse; color:black;"
|Chartreuse ||7F FF 00||127 255 0
|- style="background:lawngreen; color:black;"
|LawnGreen ||7C FC 00||124 252 0
|- style="background:lime; color:black;"
|Lime ||00 FF 00|| 0 255 0
|- style="background:limegreen; color:black;"
|LimeGreen ||32 CD 32|| 50 205 50
|- style="background:palegreen; color:black;"
|PaleGreen ||98 FB 98||152 251 152
|- style="background:lightgreen; color:black;"
|LightGreen ||90 EE 90||144 238 144
|- style="background:mediumspringgreen; color:black;"
|MediumSpringGreen||00 FA 9A|| 0 250 154
|- style="background:springgreen; color:black;"
|SpringGreen ||00 FF 7F|| 0 255 127
|- style="background:mediumseagreen; color:white;"
|MediumSeaGreen ||3C B3 71|| 60 179 113
|- style="background:seagreen; color:white;"
|SeaGreen ||2E 8B 57|| 46 139 87
|- style="background:forestgreen; color:white;"
|ForestGreen ||22 8B 22|| 34 139 34
|- style="background:green; color:white;"
|Green ||00 80 00|| 0 128 0
|- style="background:darkgreen; color:white;"
|DarkGreen ||00 64 00|| 0 100 0
|- style="background:yellowgreen; color:white;"
|YellowGreen ||9A CD 32||154 205 50
|- style="background:olivedrab; color:white;"
|OliveDrab ||6B 8E 23||107 142 35
|- style="background:olive; color:white;"
|Olive ||80 80 00||128 128 0
|- style="background:darkolivegreen; color:white;"
|DarkOliveGreen ||55 6B 2F|| 85 107 47
|- style="background:mediumaquamarine; color:black;"
|MediumAquamarine||66 CD AA||102 205 170
|- style="background:darkseagreen; color:white;"
|DarkSeaGreen ||8F BC 8F||143 188 143
|- style="background:lightseagreen; color:white;"
|LightSeaGreen ||20 B2 AA|| 32 178 170
|- style="background:darkcyan; color:white;"
|DarkCyan ||00 8B 8B|| 0 139 139
|- style="background:teal; color:white;"
|Teal ||00 80 80|| 0 128 128
|-
|colspan="3" style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Blue colors'''</big>
|- style="background:aqua; color:black;"
|Aqua ||00 FF FF|| 0 255 255
|- style="background:cyan; color:black;"
|Cyan ||00 FF FF|| 0 255 255
|- style="background:lightcyan; color:black;"
|LightCyan ||E0 FF FF||224 255 255
|- style="background:paleturquoise; color:black;"
|PaleTurquoise ||AF EE EE||175 238 238
|- style="background:aquamarine; color:black;"
|Aquamarine ||7F FF D4||127 255 212
|- style="background:turquoise; color:black;"
|Turquoise ||40 E0 D0|| 64 224 208
|- style="background:mediumturquoise; color:white;"
|MediumTurquoise ||48 D1 CC|| 72 209 204
|- style="background:darkturquoise; color:white;"
|DarkTurquoise||00 CE D1|| 0 206 209
|- style="background:cadetblue; color:white;"
|CadetBlue ||5F 9E A0|| 95 158 160
|- style="background:steelblue; color:white;"
|SteelBlue ||46 82 B4|| 70 130 180
|- style="background:lightsteelblue; color:black;"
|LightSteelBlue ||B0 C4 DE||176 196 222
|- style="background:powderblue; color:black;"
|PowderBlue ||B0 E0 E6||176 224 230
|- style="background:lightblue; color:black;"
|LightBlue ||AD D8 E6||173 216 230
|- style="background:skyblue; color:black;"
|SkyBlue ||87 CE EB||135 206 235
|- style="background:lightskyblue; color:black;"
|LightSkyBlue||87 CE FA||135 206 250
|- style="background:deepskyblue; color:white;"
|DeepSkyBlue ||00 BF FF|| 0 191 255
|- style="background:dodgerblue; color:white;"
|DodgerBlue ||1E 90 FF|| 30 144 255
|- style="background:cornflowerblue; color:white;"
|CornflowerBlue||64 95 ED||100 149 237
|- style="background:mediumslateblue; color:white;"
|MediumSlateBlue||7B 68 EE||123 104 238
|- style="background:royalblue; color:white;"
|RoyalBlue ||41 69 E1|| 65 105 225
|- style="background:blue; color:white;"
|Blue ||00 00 FF|| 0 0 255
|- style="background:mediumblue; color:white;"
|MediumBlue ||00 00 CD|| 0 0 205
|- style="background:darkblue; color:white;"
|DarkBlue ||00 00 8B|| 0 0 139
|- style="background:navy; color:white;"
|Navy ||00 00 80|| 0 0 128
|- style="background:midnightblue; color:white;"
|MidnightBlue ||19 19 70|| 25 25 112
|}
|
{|
!style="background:lightgrey;" | HTML name
!colspan="1" style="background:lightgrey;"| Hex code R   G   B
!colspan="1" style="background:lightgrey;"| Dec code R   G   B
|-
|colspan="3" style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Brown colors'''</big>
|- style="background:cornsilk; color:black;"
|Cornsilk ||FF F8 DC||255 248 220
|- style="background:blanchedalmond; color:black;"
|BlanchedAlmond ||FF EB CD||255 235 205
|- style="background:bisque; color:black;"
|Bisque ||FF E4 C4||255 228 196
|- style="background:navajowhite; color:black;"
|NavajoWhite ||FF DE AD||255 222 173
|- style="background:wheat; color:black;"
|Wheat ||F5 DE B3||245 222 179
|- style="background:burlywood; color:white;"
|BurlyWood ||DE B8 87||222 184 135
|- style="background:tan; color:white;"
|Tan ||D2 B4 8C||210 180 140
|- style="background:rosybrown; color:white;"
|RosyBrown ||BC 8F 8F||188 143 143
|- style="background:sandybrown; color:white;"
|SandyBrown ||F4 A4 60||244 164 96
|- style="background:goldenrod; color:white;"
|Goldenrod ||DA A5 20||218 165 32
|- style="background:darkgoldenrod; color:white;"
|DarkGoldenrod ||B8 86 0B||184 134 11
|- style="background:Peru; color:white;"
|Peru ||CD 85 3F||205 133 63
|- style="background:chocolate; color:white;"
|Chocolate ||D2 69 1E||210 105 30
|- style="background:saddlebrown; color:white;"
|SaddleBrown ||8B 45 13||139 69 19
|- style="background:sienna; color:white;"
|Sienna ||A0 52 2D||160 82 45
|- style="background:brown; color:white;"
|Brown ||A5 2A 2A||165 42 42
|- style="background:maroon; color:white;"
|Maroon ||80 00 00||128 0 0
|-
|colspan="3" style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''White colors'''</big>
|- style="background:white; color:black;"
|White ||FF FF FF||255 255 255
|- style="background:snow; color:black;"
|Snow ||FF FA FA||255 250 250
|- style="background:honeydew; color:black;"
|Honeydew ||F0 FF F0||240 255 240
|- style="background:mintcream; color:black;"
|MintCream ||F5 FF FA||245 255 250
|- style="background:azure; color:black;"
|Azure ||F0 FF FF||240 255 255
|- style="background:aliceblue; color:black;"
|AliceBlue ||F0 F8 FF||240 248 255
|- style="background:ghostwhite; color:black;"
|GhostWhite ||F8 F8 FF||248 248 255
|- style="background:whitesmoke; color:black;"
|WhiteSmoke ||F5 F5 F5||245 245 245
|- style="background:seashell; color:black;"
|Seashell ||FF F5 EE||255 245 238
|- style="background:beige; color:black;"
|Beige ||F5 F5 DC||245 245 220
|- style="background:oldlace; color:black;"
|OldLace ||FD F5 E6||253 245 230
|- style="background:floralwhite; color:black;"
|FloralWhite ||FF FA F0||255 250 240
|- style="background:ivory; color:black;"
|Ivory ||FF FF F0||255 255 240
|- style="background:antiquewhite; color:black;"
|AntiqueWhite ||FA EB D7||250 235 215
|- style="background:linen; color:black;"
|Linen ||FA F0 E6||250 240 230
|- style="background:lavenderblush; color:black;"
|LavenderBlush ||FF F0 F5||255 240 245
|- style="background:mistyrose; color:black;"
|MistyRose ||FF E4 E1||255 228 225
|-
|colspan="3" style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Grey colors'''</big>
|- style="background:gainsboro; color:black;"
|Gainsboro ||DC DC DC||220 220 220
|- style="background:lightgrey; color:black;"
|LightGrey ||D3 D3 D3||211 211 211
|- style="background:silver; color:black;"
|Silver ||C0 C0 C0||192 192 192
|- style="background:darkgray; color:black;"
|DarkGray ||A9 A9 A9||169 169 169
|- style="background:gray; color:white;"
|Gray ||80 80 80||128 128 128
|- style="background:dimgray; color:white;"
|DimGray ||69 69 69||105 105 105
|- style="background:lightslategray; color:white;"
|LightSlateGray ||77 88 99||119 136 153
|- style="background:slategray; color:white;"
|SlateGray ||70 80 90||112 128 144
|- style="background:darkslategray; color:white;"
|DarkSlateGray ||2F 4F 4F|| 47 79 79
|-
|colspan="3" style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Black colors'''</big>
|- style="background:black; color:white;"
|Black ||00 00 00|| 0 0 0
|}
|}
{{Wikipedia|Web colors}}
[[Category:Help]]

Help:Color codes - Revision history

Banri at 08:59, 20 February 2020