Використання кольорів

Матеріал з ТерноВікі

(відмінності між версіями)
Перейти до: навігація, пошук
(Створена сторінка: === Використання кольору === Нижче наведено складніші приклади, що демонструють додаткові ...)
Рядок 1: Рядок 1:
-
=== Використання кольору ===
+
== Використання кольорів ==
 +
Для збереження одноманітності сторінок, кольори у Вікіпедії слід використовувати розумно. Яскраві кольори в статтях повинні використовуватися тільки як виняток, коли це доцільно. Більш різноманітне розфарбування допускається у вікіпроектах та порталах. На власній сторінці користувачі нічим не обмежені у творчих експериментах
 +
 
 +
Для фарбування в MediaWiki, як і в HTML, служить атрибут
 +
''style''. Шматки тексту, колір яких потрібно змінити, включають у теги, наприклад <span> для окремих букв або слів або </span><span style="font-size:14px;">для  абзаців. В атрибуті </span>''style''<span style="font-size:14px;"> колір визначається властивостями  CSS color:#RRGGBB; для кольору тексту або  для кольору фону. «#RRGGBB» означає шістнадцятковий код кольору: частка червоного (RR) може лежати в діапазоні від 00 до FF (це відповідає десятковому числу 255), також як і частки зеленого (GG) і синього кольору (BB). Таким чином, палітра доступних кольорів налічує 16</span><sup style="line-height:1em;">6</sup><span style="font-size:14px;"> = 16 777 216 найменувань. Замість кодування «#RRGGBB» можна використовувати наведені нижче назви кольорів (без «#»).</span>
 +
 
 +
<div>
 +
 
 +
{|class="wikitable" width="95%"
 +
! <span>Що потрібно </span>
 +
! <span>Вікітекст </span>
 +
! <span>Результат </span>
 +
|-
 +
|<span>Кольоровий текст </span>
 +
|<span><tt><nowiki><span style="color:#ff0000">Текст</span></nowiki></tt> </span>
 +
|<span><span style="color:#ff0000">Текст</span> </span>
 +
|-
 +
|<span>Кольорові абзаци </span>
 +
|<span><tt><nowiki><div style="color:red">абзац</div></nowiki></tt> </span>
 +
|<div style="color:red"><span>абзац</span></div>
 +
|-
 +
|<span>Фон для одного або декількох слів </span>
 +
|<span><tt><nowiki><span style="background-color:yellow">приклад</span></nowiki></tt> </span>
 +
|<span><span style="background:yellow">приклад</span> </span>
 +
|-
 +
|<span>Фон абзацу </span>
 +
|<span><tt><nowiki><div style="background-color:yellow">абзац</div></nowiki></tt> </span>
 +
|<div style="background:yellow"><span>абзац</span></div>
 +
|-
 +
|<span>Фон елементу таблиці </span>
 +
|<span><tt><nowiki>style="background-color:#FEDBCA;"|текст</nowiki></tt> </span>
 +
|style="background:#fedbca;"|<span>текст </span>
 +
|-
 +
|<span>Альтернативний варіант </span>
 +
|<span><tt><nowiki>bgcolor="#FEDBCA"|текст</nowiki></tt> </span>
 +
|bgcolor="#fedbca"|<span>текст </span>
 +
|-
 +
|<span>Взяття у рамку </span>
 +
|<span><tt><nowiki><div style="border-style:solid; border-color:Red;">текст у кольоровій рамці</div></nowiki></tt> </span>
 +
|<div style="border-style:solid; border-color:Red;"><span>текст у кольоровій рамці</span></div>
 +
|-
 +
|<span>Екстремальний варіант </span>
 +
|<span><tt><nowiki>style="background-color:#FEDBCA;"|<div style="border-style:solid; border-color:Red; color:red; background-color:yellow">все включено</div></nowiki></tt> </span>
 +
|style="background-color:#FEDBCA;"|<div style="border-style:solid; border-color:Red; color:red; background-color:yellow"><span>все включено</span></div>
 +
|}
 +
<span>
 +
</span>
 +
 
 +
====<span>Таблиця кольорів</span>====
 +
 
 +
 
 +
{||border=0 cellpadding="2" cellspacing="1" align="center" style="font-size:89%;text-align:center;line-height:1em;width:98%;"
 +
|-
 +
| style="background-color:#FFFFFF" | <span>white (255 255 255) </span><span>&#x23;FFFFFF </span>
 +
| style="background-color:#E8E8E8" | <span>gray91 (232 232 232) </span><span>&#x23;E8E8E8 </span>
 +
| style="background-color:#CFCFCF" | <span>gray81 (207 207 207) </span><span>&#x23;CFCFCF </span>
 +
| style="background-color:#828282;color:#FFFFFF"|<span>grey51 (130 130 130) </span><span>&#x23;828282 </span>
 +
|-
 +
| style="background-color:#FFFAFA" | <span>Snow1 (255 250 250) </span><span>&#x23;FFFAFA </span>
 +
| style="background-color:#EEE9E9" | <span>Snow2 (238 233 233) </span><span>&#x23;EEE9E9 </span>
 +
| style="background-color:#CDC9C9" | <span>Snow3 (205 201 201) </span><span>&#x23;CDC9C9 </span>
 +
| style="background-color:#8B8989;color:#FFFFFF"|<span>Snow4 (139 137 137) </span><span>&#x23;8B8989 </span>
 +
|-
 +
| style="background-color:#FFF5EE" | <span>Seashell1 (255 245 238) </span><span>&#x23;FFF5EE </span>
 +
| style="background-color:#EEE5DE" | <span>Seashell2 (238 229 222) </span><span>&#x23;EEE5DE </span>
 +
| style="background-color:#CDC5BF" | <span>Seashell3 (205 197 191) </span><span>&#x23;CDC5BF </span>
 +
| style="background-color:#8B8682;color:#FFFFFF"|<span>Seashell4 (139 134 130) </span><span>&#x23;8B8682 </span>
 +
|-
 +
| style="background-color:#FFEFDB" | <span>AntiqueWhite1 (255 239 219) </span><span>&#x23;FFEFDB </span>
 +
| style="background-color:#EEDFCC" | <span>AntiqueWhite2 (238 223 204) </span><span>&#x23;EEDFCC </span>
 +
| style="background-color:#CDC0B0" | <span>AntiqueWhite3 (205 192 176) </span><span>&#x23;CDC0B0 </span>
 +
| style="background-color:#8B8378;color:#FFFFFF"|<span>AntiqueWhite4 (139 131 120) </span><span>&#x23;8B8378 </span>
 +
|-
 +
| style="background-color:#FFE4C4" | <span>Bisque1 (255 228 196) </span><span>&#x23;FFE4C4 </span>
 +
| style="background-color:#EED5B7" | <span>Bisque2 (238 213 183) </span><span>&#x23;EED5B7 </span>
 +
| style="background-color:#CDB79E" | <span>Bisque3 (205 183 158) </span><span>&#x23;CDB79E </span>
 +
| style="background-color:#8B7D6B;color:#FFFFFF"|<span>Bisque4 (139 125 107) </span><span>&#x23;8B7D6B </span>
 +
|-
 +
| style="background-color:#FFDAB9" | <span>PeachPuff1 (255 218 185) </span><span>&#x23;FFDAB9 </span>
 +
| style="background-color:#EECBAD" | <span>PeachPuff2 (238 203 173) </span><span>&#x23;EECBAD </span>
 +
| style="background-color:#CDAF95" | <span>PeachPuff3 (205 175 149) </span><span>&#x23;CDAF95 </span>
 +
| style="background-color:#8B7765;color:#FFFFFF"|<span>PeachPuff4 (139 119 101) </span><span>&#x23;8B7765 </span>
 +
|-
 +
| style="background-color:#FFDEAD" | <span>NavajoWhite1 (255 222 173) </span><span>&#x23;FFDEAD </span>
 +
| style="background-color:#EECFA1" | <span>NavajoWhite2 (238 207 161) </span><span>&#x23;EECFA1 </span>
 +
| style="background-color:#CDB38B" | <span>NavajoWhite3 (205 179 139) </span><span>&#x23;CDB38B </span>
 +
| style="background-color:#8B795E;color:#FFFFFF"|<span>NavajoWhite4 (139 121 94) </span><span>&#x23;8B795E </span>
 +
|-
 +
| style="background-color:#FFFACD" | <span>LemonChiffon1 (255 250 205) </span><span>&#x23;FFFACD </span>
 +
| style="background-color:#EEE9BF" | <span>LemonChiffon2 (238 233 191) </span><span>&#x23;EEE9BF </span>
 +
| style="background-color:#CDC9A5" | <span>LemonChiffon3 (205 201 165) </span><span>&#x23;CDC9A5 </span>
 +
| style="background-color:#8B8970;color:#FFFFFF"|<span>LemonChiffon4 (139 137 112) </span><span>&#x23;8B8970 </span>
 +
|-
 +
| style="background-color:#FFF8DC" | <span>Cornsilk1 (255 248 220) </span><span>&#x23;FFF8DC </span>
 +
| style="background-color:#EEE8CD" | <span>Cornsilk2 (238 232 205) </span><span>&#x23;EEE8CD </span>
 +
| style="background-color:#CDC8B1" | <span>Cornsilk3 (205 200 177) </span><span>&#x23;CDC8B1 </span>
 +
| style="background-color:#8B8878;color:#FFFFFF"|<span>Cornsilk4 (139 136 120) </span><span>&#x23;8B8878 </span>
 +
|-
 +
| style="background-color:#FFFFF0" | <span>Ivory1 (255 255 240) </span><span>&#x23;FFFFF0 </span>
 +
| style="background-color:#EEEEE0" | <span>Ivory2 (238 238 224) </span><span>&#x23;EEEEE0 </span>
 +
| style="background-color:#CDCDC1" | <span>Ivory3 (205 205 193) </span><span>&#x23;CDCDC1 </span>
 +
| style="background-color:#8B8B83;color:#FFFFFF"|<span>Ivory4 (139 139 131) </span><span>&#x23;8B8B83 </span>
 +
|-
 +
| style="background-color:#F0FFF0" | <span>Honeydew1 (240 255 240) </span><span>&#x23;F0FFF0 </span>
 +
| style="background-color:#E0EEE0" | <span>Honeydew2 (224 238 224) </span><span>&#x23;E0EEE0 </span>
 +
| style="background-color:#C1CDC1" | <span>Honeydew3 (193 205 193) </span><span>&#x23;C1CDC1 </span>
 +
| style="background-color:#838B83;color:#FFFFFF"|<span>Honeydew4 (131 139 131) </span><span>&#x23;838B83 </span>
 +
|-
 +
| nowrap=1 style="background-color:#FFF0F5" | <span>LavenderBlush1 (255 240 245) </span><span>&#x23;FFF0F5 </span>
 +
| nowrap=1 style="background-color:#EEE0E5" | <span>LavenderBlush2 (238 224 229) </span><span>&#x23;EEE0E5 </span>
 +
| nowrap=1 style="background-color:#CDC1C5" | <span>LavenderBlush3 (205 193 197) </span><span>&#x23;CDC1C5 </span>
 +
| nowrap=1 style="background-color:#8B8386;color:#FFFFFF"|<span>LavenderBlush4 (139 131 134) </span><span>&#x23;8B8386 </span>
 +
|-
 +
| style="background-color:#FFE4E1" | <span>MistyRose1 (255 228 225) </span><span>&#x23;FFE4E1 </span>
 +
| style="background-color:#EED5D2" | <span>MistyRose2 (238 213 210) </span><span>&#x23;EED5D2 </span>
 +
| style="background-color:#CDB7B5" | <span>MistyRose3 (205 183 181) </span><span>&#x23;CDB7B5 </span>
 +
| style="background-color:#8B7D7B;color:#FFFFFF"|<span>MistyRose4 (139 125 123) </span><span>&#x23;8B7D7B </span>
 +
|-
 +
| style="background-color:#F0FFFF" | <span>Azure1 (240 255 255) </span><span>&#x23;F0FFFF </span>
 +
| style="background-color:#E0EEEE" | <span>Azure2 (224 238 238) </span><span>&#x23;E0EEEE </span>
 +
| style="background-color:#C1CDCD" | <span>Azure3 (193 205 205) </span><span>&#x23;C1CDCD </span>
 +
| style="background-color:#838B8B;color:#FFFFFF"|<span>Azure4 (131 139 139) </span><span>&#x23;838B8B </span>
 +
|- style="color:#FFFFFF"
 +
| style="background-color:#836FFF" | <span>SlateBlue1 (131 111 255) </span><span>&#x23;836FFF </span>
 +
| style="background-color:#7A67EE" | <span>SlateBlue2 (122 103 238) </span><span>&#x23;7A67EE </span>
 +
| style="background-color:#6959CD" | <span>SlateBlue3 (105 89 205) </span><span>&#x23;6959CD </span>
 +
| style="background-color:#473C8B" | <span>SlateBlue4 (71 60 139 ) </span><span>&#x23;473C8B </span>
 +
|- style="color:#FFFFFF"
 +
| style="background-color:#4876FF" | <span>RoyalBlue1 (72 118 255) </span><span>&#x23;4876FF </span>
 +
| style="background-color:#436EEE" | <span>RoyalBlue2 (67 110 238) </span><span>&#x23;436EEE </span>
 +
| style="background-color:#3A5FCD" | <span>RoyalBlue3 (58 95 205) </span><span>&#x23;3A5FCD </span>
 +
| style="background-color:#27408B" | <span>RoyalBlue4 (39 64 139) </span><span>&#x23;27408B </span>
 +
|- style="color:#FFFFFF"
 +
| style="background-color:#0000FF" | <span>Blue1 (0 0 255) </span><span>&#x23;0000FF </span>
 +
| style="background-color:#0000EE" | <span>Blue2 (0 0 238) </span><span>&#x23;0000EE </span>
 +
| style="background-color:#0000CD" | <span>Blue3 (0 0 205) </span><span>&#x23;0000CD </span>
 +
| style="background-color:#00008B" | <span>Blue4 (0 0 139) </span><span>&#x23;00008B </span>
 +
|- style="color:#FFFFFF"
 +
| style="background-color:#1E90FF" | <span>DodgerBlue1 (30 144 255) </span><span>&#x23;1E90FF </span>
 +
| style="background-color:#1C86EE" | <span>DodgerBlue2 (28 134 238) </span><span>&#x23;1C86EE </span>
 +
| style="background-color:#1874CD" | <span>DodgerBlue3 (24 116 205) </span><span>&#x23;1874CD </span>
 +
| style="background-color:#104E8B" | <span>DodgerBlue4 (16 78 139 ) </span><span>&#x23;104E8B </span>
 +
|-
 +
| style="background-color:#63B8FF" | <span>SteelBlue1 (99 184 255) </span><span>&#x23;63B8FF </span>
 +
| style="background-color:#5CACEE" | <span>SteelBlue2 (92 172 238) </span><span>&#x23;5CACEE </span>
 +
| style="background-color:#4F94CD" | <span>SteelBlue3 (79 148 205) </span><span>&#x23;4F94CD </span>
 +
| style="background-color:#36648B;color:#FFFFFF" | <span>SteelBlue4 (54 100 139) </span><span>&#x23;36648B </span>
 +
|-
 +
| style="background-color:#00BFFF" | <span>DeepSkyBlue1 (0 191 255) </span><span>&#x23;00BFFF </span>
 +
| style="background-color:#00B2EE" | <span>DeepSkyBlue2 (0 178 238) </span><span>&#x23;00B2EE </span>
 +
| style="background-color:#009ACD" | <span>DeepSkyBlue3 (0 154 205) </span><span>&#x23;009ACD </span>
 +
| style="background-color:#00688B;color:#FFFFFF" | <span>DeepSkyBlue4 (0 104 139 ) </span><span>&#x23;00688B </span>
 +
|-
 +
| style="background-color:#87CEFF" | <span>SkyBlue1 (135 206 255) </span><span>&#x23;87CEFF </span>
 +
| style="background-color:#7EC0EE" | <span>SkyBlue2 (126 192 238) </span><span>&#x23;7EC0EE </span>
 +
| style="background-color:#6CA6CD" | <span>SkyBlue3 (108 166 205) </span><span>&#x23;6CA6CD </span>
 +
| style="background-color:#4A708B;color:#FFFFFF"|<span>SkyBlue4 (74 112 139 ) </span><span>&#x23;4A708B </span>
 +
|-
 +
| style="background-color:#B0E2FF" | <span>LightSkyBlue1 (176 226 255) </span><span>&#x23;B0E2FF </span>
 +
| style="background-color:#A4D3EE" | <span>LightSkyBlue2 (164 211 238) </span><span>&#x23;A4D3EE </span>
 +
| style="background-color:#8DB6CD" | <span>LightSkyBlue3 (141 182 205) </span><span>&#x23;8DB6CD </span>
 +
| style="background-color:#607B8B;color:#FFFFFF"|<span>LightSkyBlue4 (96 123 139) </span><span>&#x23;607B8B </span>
 +
|-
 +
| style="background-color:#C6E2FF" | <span>SlateGray1 (198 226 255) </span><span>&#x23;C6E2FF </span>
 +
| style="background-color:#B9D3EE" | <span>SlateGray2 (185 211 238) </span><span>&#x23;B9D3EE </span>
 +
| style="background-color:#9FB6CD" | <span>SlateGray3 (159 182 205) </span><span>&#x23;9FB6CD </span>
 +
| style="background-color:#6C7B8B;color:#FFFFFF"|<span>SlateGray4 (108 123 139) </span><span>&#x23;6C7B8B </span>
 +
|-
 +
| style="background-color:#CAE1FF" | <span>LightSteelBlue1 (202 225 255) </span><span>&#x23;CAE1FF </span>
 +
| style="background-color:#BCD2EE" | <span>LightSteelBlue2 (188 210 238) </span><span>&#x23;BCD2EE </span>
 +
| style="background-color:#A2B5CD" | <span>LightSteelBlue3 (162 181 205) </span><span>&#x23;A2B5CD </span>
 +
| style="background-color:#6E7B8B;color:#FFFFFF"|<span>LightSteelBlue4 (110 123 139) </span><span>&#x23;6E7B8B </span>
 +
|-
 +
| style="background-color:#BFEFFF" | <span>LightBlue1 (191 239 255) </span><span>&#x23;BFEFFF </span>
 +
| style="background-color:#B2DFEE" | <span>LightBlue2 (178 223 238) </span><span>&#x23;B2DFEE </span>
 +
| style="background-color:#9AC0CD" | <span>LightBlue3 (154 192 205) </span><span>&#x23;9AC0CD </span>
 +
| style="background-color:#68838B;color:#FFFFFF"|<span>LightBlue4 (104 131 139) </span><span>&#x23;68838B </span>
 +
|-
 +
| style="background-color:#E0FFFF" | <span>LightCyan1 (224 255 255) </span><span>&#x23;E0FFFF </span>
 +
| style="background-color:#D1EEEE" | <span>LightCyan2 (209 238 238) </span><span>&#x23;D1EEEE </span>
 +
| style="background-color:#B4CDCD" | <span>LightCyan3 (180 205 205) </span><span>&#x23;B4CDCD </span>
 +
| style="background-color:#7A8B8B;color:#FFFFFF"|<span>LightCyan4 (122 139 139) </span><span>&#x23;7A8B8B </span>
 +
|-
 +
| style="background-color:#BBFFFF" | <span>PaleTurquoise1 (187 255 255) </span><span>&#x23;BBFFFF </span>
 +
| style="background-color:#AEEEEE" | <span>PaleTurquoise2 (174 238 238) </span><span>&#x23;AEEEEE </span>
 +
| style="background-color:#96CDCD" | <span>PaleTurquoise3 (150 205 205) </span><span>&#x23;96CDCD </span>
 +
| style="background-color:#668B8B;color:#FFFFFF"|<span>PaleTurquoise4 (102 139 139) </span><span>&#x23;668B8B </span>
 +
|-
 +
| style="background-color:#98F5FF" | <span>CadetBlue1 (152 245 255) </span><span>&#x23;98F5FF </span>
 +
| style="background-color:#8EE5EE" | <span>CadetBlue2 (142 229 238) </span><span>&#x23;8EE5EE </span>
 +
| style="background-color:#7AC5CD" | <span>CadetBlue3 (122 197 205) </span><span>&#x23;7AC5CD </span>
 +
| style="background-color:#53868B;color:#FFFFFF"|<span>CadetBlue4 (83 134 139) </span><span>&#x23;53868B </span>
 +
|-
 +
| style="background-color:#00F5FF" | <span>Turquoise1 (0 245 255) </span><span>&#x23;00F5FF </span>
 +
| style="background-color:#00E5EE" | <span>Turquoise2 (0 229 238) </span><span>&#x23;00E5EE </span>
 +
| style="background-color:#00C5CD" | <span>Turquoise3 ( 0 197 205) </span><span>&#x23;00C5CD </span>
 +
| style="background-color:#00868B;color:#FFFFFF"|<span>Turquoise4 (0 134 139 ) </span><span>&#x23;00868B </span>
 +
|-
 +
| style="background-color:#00FFFF" | <span>Cyan1 (0 255 255) </span><span>&#x23;00FFFF </span>
 +
| style="background-color:#00EEEE" | <span>Cyan2 (0 238 238) </span><span>&#x23;00EEEE </span>
 +
| style="background-color:#00CDCD" | <span>Cyan3 (0 205 205) </span><span>&#x23;00CDCD </span>
 +
| style="background-color:#008B8B;color:#FFFFFF"|<span>Cyan4 (0 139 139) </span><span>&#x23;008B8B </span>
 +
|-
 +
| style="background-color:#97FFFF" | <span>DarkSlateGray1 (151 255 255) </span><span>&#x23;97FFFF </span>
 +
| style="background-color:#8DEEEE" | <span>DarkSlateGray2 (141 238 238) </span><span>&#x23;8DEEEE </span>
 +
| style="background-color:#79CDCD" | <span>DarkSlateGray3 (121 205 205) </span><span>&#x23;79CDCD </span>
 +
| style="background-color:#528B8B;color:#FFFFFF"|<span>DarkSlateGray4 (82 139 139) </span><span>&#x23;528B8B </span>
 +
|-
 +
| style="background-color:#7FFFD4" | <span>Aquamarine1 (127 255 212) </span><span>&#x23;7FFFD4 </span>
 +
| style="background-color:#76EEC6" | <span>Aquamarine2 (118 238 198) </span><span>&#x23;76EEC6 </span>
 +
| style="background-color:#66CDAA" | <span>Aquamarine3 (102 205 170) </span><span>&#x23;66CDAA </span>
 +
| style="background-color:#458B74;color:#FFFFFF"|<span>Aquamarine4 (69 139 116) </span><span>&#x23;458B74 </span>
 +
|-
 +
| style="background-color:#C1FFC1" | <span>DarkSeaGreen1 (193 255 193) </span><span>&#x23;C1FFC1 </span>
 +
| style="background-color:#B4EEB4" | <span>DarkSeaGreen2 (180 238 180) </span><span>&#x23;B4EEB4 </span>
 +
| style="background-color:#9BCD9B" | <span>DarkSeaGreen3 (155 205 155) </span><span>&#x23;9BCD9B </span>
 +
| style="background-color:#698B69;color:#FFFFFF"|<span>DarkSeaGreen4 (105 139 105) </span><span>&#x23;698B69 </span>
 +
|-
 +
| style="background-color:#54FF9F" | <span>SeaGreen1 (84 255 159) </span><span>&#x23;54FF9F </span>
 +
| style="background-color:#4EEE94" | <span>SeaGreen2 (78 238 148) </span><span>&#x23;4EEE94 </span>
 +
| style="background-color:#43CD80" | <span>SeaGreen3 (67 205 128) </span><span>&#x23;43CD80 </span>
 +
| style="background-color:#2E8B57;color:#FFFFFF"|<span>SeaGreen4 (46 139 87) </span><span>&#x23;2E8B57 </span>
 +
|-
 +
| style="background-color:#9AFF9A" | <span>PaleGreen1 (154 255 154) </span><span>&#x23;9AFF9A </span>
 +
| style="background-color:#90EE90" | <span>PaleGreen2 (144 238 144) </span><span>&#x23;90EE90 </span>
 +
| style="background-color:#7CCD7C" | <span>PaleGreen3 (124 205 124) </span><span>&#x23;7CCD7C </span>
 +
| style="background-color:#548B54;color:#FFFFFF"|<span>PaleGreen4 (84 139 84) </span><span>&#x23;548B54 </span>
 +
|-
 +
| style="background-color:#00FF7F" | <span>SpringGreen1 (0 255 127) </span><span>&#x23;00FF7F </span>
 +
| style="background-color:#00EE76" | <span>SpringGreen2 (0 238 118) </span><span>&#x23;00EE76 </span>
 +
| style="background-color:#00CD66" | <span>SpringGreen3 (0 205 102) </span><span>&#x23;00CD66 </span>
 +
| style="background-color:#008B45;color:#FFFFFF"|<span>SpringGreen4 (0 139 69) </span><span>&#x23;008B45 </span>
 +
|-
 +
| style="background-color:#00FF00" | <span>Green1 (0 255 0) </span><span>&#x23;00FF00 </span>
 +
| style="background-color:#00EE00" | <span>Green2 (0 238 0) </span><span>&#x23;00EE00 </span>
 +
| style="background-color:#00CD00" | <span>Green3 (0 205 0) </span><span>&#x23;00CD00 </span>
 +
| style="background-color:#008B00;color:#FFFFFF"|<span>Green4 (0 139 0) </span><span>&#x23;008B00 </span>
 +
|-
 +
| style="background-color:#7FFF00" | <span>Chartreuse1 (127 255 0) </span><span>&#x23;7FFF00 </span>
 +
| style="background-color:#76EE00" | <span>Chartreuse2 (118 238 0) </span><span>&#x23;76EE00 </span>
 +
| style="background-color:#66CD00" | <span>Chartreuse3 (102 205 0) </span><span>&#x23;66CD00 </span>
 +
| style="background-color:#458B00;color:#FFFFFF"|<span>Chartreuse4 (69 139 0) </span><span>&#x23;458B00 </span>
 +
|-
 +
| style="background-color:#C0FF3E" | <span>OliveDrab1 (192 255 62) </span><span>&#x23;C0FF3E </span>
 +
| style="background-color:#B3EE3A" | <span>OliveDrab2 (179 238 58) </span><span>&#x23;B3EE3A </span>
 +
| style="background-color:#9ACD32" | <span>OliveDrab3 (154 205 50) </span><span>&#x23;9ACD32 </span>
 +
| style="background-color:#698B22;color:#FFFFFF"|<span>OliveDrab4 (105 139 34) </span><span>&#x23;698B22 </span>
 +
|-
 +
| style="background-color:#CAFF70" | <span>DarkOliveGreen1 (202 255 112) </span><span>&#x23;CAFF70 </span>
 +
| style="background-color:#BCEE68" | <span>DarkOliveGreen2 (188 238 104) </span><span>&#x23;BCEE68 </span>
 +
| style="background-color:#A2CD5A" | <span>DarkOliveGreen3 (162 205 90) </span><span>&#x23;A2CD5A </span>
 +
| style="background-color:#6E8B3D;color:#FFFFFF"|<span>DarkOliveGreen4 (110 139 61) </span><span>&#x23;6E8B3D </span>
 +
|-
 +
| style="background-color:#FFF68F" | <span>Khaki1 (255 246 143) </span><span>&#x23;FFF68F </span>
 +
| style="background-color:#EEE685" | <span>Khaki2 (238 230 133) </span><span>&#x23;EEE685 </span>
 +
| style="background-color:#CDC673" | <span>Khaki3 (205 198 115) </span><span>&#x23;CDC673 </span>
 +
| style="background-color:#8B864E;color:#FFFFFF"|<span>Khaki4 (139 134 78) </span><span>&#x23;8B864E </span>
 +
|-
 +
| style="background-color:#FFEC8B" | <span>LightGoldenrod1 (255 236 139) </span><span>&#x23;FFEC8B </span>
 +
| style="background-color:#EEDC82" | <span>LightGoldenrod2 (238 220 130) </span><span>&#x23;EEDC82 </span>
 +
| style="background-color:#CDBE70" | <span>LightGoldenrod3 (205 190 112) </span><span>&#x23;CDBE70 </span>
 +
| style="background-color:#8B814C;color:#FFFFFF"|<span>LightGoldenrod4 (139 129 76) </span><span>&#x23;8B814C </span>
 +
|-
 +
| style="background-color:#FFFFE0" | <span>LightYellow1 (255 255 224) </span><span>&#x23;FFFFE0 </span>
 +
| style="background-color:#EEEED1" | <span>LightYellow2 (238 238 209) </span><span>&#x23;EEEED1 </span>
 +
| style="background-color:#CDCDB4" | <span>LightYellow3 (205 205 180) </span><span>&#x23;CDCDB4 </span>
 +
| style="background-color:#8B8B7A;color:#FFFFFF"|<span>LightYellow4 (139 139 122) </span><span>&#x23;8B8B7A </span>
 +
|-
 +
| style="background-color:#FFFF00" | <span>Yellow1 (255 255 0) </span><span>&#x23;FFFF00 </span>
 +
| style="background-color:#EEEE00" | <span>Yellow2 (238 238 0) </span><span>&#x23;EEEE00 </span>
 +
| style="background-color:#CDCD00" | <span>Yellow3 (205 205 0) </span><span>&#x23;CDCD00 </span>
 +
| style="background-color:#8B8B00;color:#FFFFFF"|<span>Yellow4 (139 139 0) </span><span>&#x23;8B8B00 </span>
 +
|-
 +
| style="background-color:#FFD700" | <span>Gold1 (255 215 0) </span><span>&#x23;FFD700 </span>
 +
| style="background-color:#EEC900" | <span>Gold2 (238 201 0) </span><span>&#x23;EEC900 </span>
 +
| style="background-color:#CDAD00" | <span>Gold3 (205 173 0) </span><span>&#x23;CDAD00 </span>
 +
| style="background-color:#8B7500;color:#FFFFFF"|<span>Gold4 (139 117 0) </span><span>&#x23;8B7500 </span>
 +
|-
 +
| style="background-color:#FFC125" | <span>Goldenrod1 (255 193 37) </span><span>&#x23;FFC125 </span>
 +
| style="background-color:#EEB422" | <span>Goldenrod2 (238 180 34) </span><span>&#x23;EEB422 </span>
 +
| style="background-color:#CD9B1D" | <span>Goldenrod3 (205 155 29) </span><span>&#x23;CD9B1D </span>
 +
| style="background-color:#8B6914;color:#FFFFFF"|<span>Goldenrod4 (139 105 20) </span><span>&#x23;8B6914 </span>
 +
|-
 +
| style="background-color:#FFB90F" | <span>DarkGoldenrod1 (255 185 15) </span><span>&#x23;FFB90F </span>
 +
| style="background-color:#EEAD0E" | <span>DarkGoldenrod2 (238 173 14) </span><span>&#x23;EEAD0E </span>
 +
| style="background-color:#CD950C" | <span>DarkGoldenrod3 (205 149 12) </span><span>&#x23;CD950C </span>
 +
| style="background-color:#8B6508;color:#FFFFFF"|<span>DarkGoldenrod4 (139 101 8) </span><span>&#x23;8B6508 </span>
 +
|-
 +
| style="background-color:#FFC1C1" | <span>RosyBrown1 (255 193 193) </span><span>&#x23;FFC1C1 </span>
 +
| style="background-color:#EEB4B4" | <span>RosyBrown2 (238 180 180) </span><span>&#x23;EEB4B4 </span>
 +
| style="background-color:#CD9B9B" | <span>RosyBrown3 (205 155 155) </span><span>&#x23;CD9B9B </span>
 +
| style="background-color:#8B6969;color:#FFFFFF"|<span>RosyBrown4 (139 105 105) </span><span>&#x23;8B6969 </span>
 +
|-
 +
| style="background-color:#FF6A6A" | <span>IndianRed1 (255 106 106) </span><span>&#x23;FF6A6A </span>
 +
| style="background-color:#EE6363" | <span>IndianRed2 (238 99 99) </span><span>&#x23;EE6363 </span>
 +
| style="background-color:#CD5555" | <span>IndianRed3 (205 85 85) </span><span>&#x23;CD5555 </span>
 +
| style="background-color:#8B3A3A;color:#FFFFFF"|<span>IndianRed4 (139 58 58) </span><span>&#x23;8B3A3A </span>
 +
|-
 +
| style="background-color:#FF8247" | <span>Sienna1 (255 130 71) </span><span>&#x23;FF8247 </span>
 +
| style="background-color:#EE7942" | <span>Sienna2 (238 121 66) </span><span>&#x23;EE7942 </span>
 +
| style="background-color:#CD6839" | <span>Sienna3 (205 104 57) </span><span>&#x23;CD6839 </span>
 +
| style="background-color:#8B4726;color:#FFFFFF"|<span>Sienna4 (139 71 38) </span><span>&#x23;8B4726 </span>
 +
|-
 +
| style="background-color:#FFD39B" | <span>Burlywood1 (255 211 155) </span><span>&#x23;FFD39B </span>
 +
| style="background-color:#EEC591" | <span>Burlywood2 (238 197 145) </span><span>&#x23;EEC591 </span>
 +
| style="background-color:#CDAA7D" | <span>Burlywood3 (205 170 125) </span><span>&#x23;CDAA7D </span>
 +
| style="background-color:#8B7355;color:#FFFFFF"|<span>Burlywood4 (139 115 85) </span><span>&#x23;8B7355 </span>
 +
|-
 +
| style="background-color:#FFE7BA" | <span>Wheat1 (255 231 186) </span><span>&#x23;FFE7BA </span>
 +
| style="background-color:#EED8AE" | <span>Wheat2 (238 216 174) </span><span>&#x23;EED8AE </span>
 +
| style="background-color:#CDBA96" | <span>Wheat3 (205 186 150) </span><span>&#x23;CDBA96 </span>
 +
| style="background-color:#8B7E66;color:#FFFFFF"|<span>Wheat4 (139 126 102) </span><span>&#x23;8B7E66 </span>
 +
|-
 +
| style="background-color:#FFA54F" | <span>Tan1 (255 165 79) </span><span>&#x23;FFA54F </span>
 +
| style="background-color:#EE9A49" | <span>Tan2 (238 154 73) </span><span>&#x23;EE9A49 </span>
 +
| style="background-color:#CD853F" | <span>Tan3 (205 133 63) </span><span>&#x23;CD853F </span>
 +
| style="background-color:#8B5A2B;color:#FFFFFF"|<span>Tan4 (139 90 43) </span><span>&#x23;8B5A2B </span>
 +
|-
 +
| style="background-color:#FF7F24" | <span>Chocolate1 (255 127 36) </span><span>&#x23;FF7F24 </span>
 +
| style="background-color:#EE7621" | <span>Chocolate2 (238 118 33) </span><span>&#x23;EE7621 </span>
 +
| style="background-color:#CD661D" | <span>Chocolate3 (205 102 29) </span><span>&#x23;CD661D </span>
 +
| style="background-color:#8B4513;color:#FFFFFF"|<span>Chocolate4 (139 69 19) </span><span>&#x23;8B4513 </span>
 +
|-
 +
| style="background-color:#FF3030" | <span>Firebrick1 (255 48 48) </span><span>&#x23;FF3030 </span>
 +
| style="background-color:#EE2C2C" | <span>Firebrick2 (238 44 44) </span><span>&#x23;EE2C2C </span>
 +
| style="background-color:#CD2626" | <span>Firebrick3 (205 38 38) </span><span>&#x23;CD2626 </span>
 +
| style="background-color:#8B1A1A;color:#FFFFFF"|<span>Firebrick4 (139 26 26) </span><span>&#x23;8B1A1A </span>
 +
|-
 +
| style="background-color:#FF4040" | <span>Brown1 (255 64 64) </span><span>&#x23;FF4040 </span>
 +
| style="background-color:#EE3B3B" | <span>Brown2 (238 59 59) </span><span>&#x23;EE3B3B </span>
 +
| style="background-color:#CD3333" | <span>Brown3 (205 51 51) </span><span>&#x23;CD3333 </span>
 +
| style="background-color:#8B2323;color:#FFFFFF"|<span>Brown4 (139 35 35) </span><span>&#x23;8B2323 </span>
 +
|-
 +
| style="background-color:#FF8C69" | <span>Salmon1 (255 140 105) </span><span>&#x23;FF8C69 </span>
 +
| style="background-color:#EE8262" | <span>Salmon2 (238 130 98) </span><span>&#x23;EE8262 </span>
 +
| style="background-color:#CD7054" | <span>Salmon3 (205 112 84) </span><span>&#x23;CD7054 </span>
 +
| style="background-color:#8B4C39;color:#FFFFFF"|<span>Salmon4 (139 76 57) </span><span>&#x23;8B4C39 </span>
 +
|-
 +
| style="background-color:#FFA07A" | <span>LightSalmon1 (255 160 122) </span><span>&#x23;FFA07A </span>
 +
| style="background-color:#EE9572" | <span>LightSalmon2 (238 149 114) </span><span>&#x23;EE9572 </span>
 +
| style="background-color:#CD8162" | <span>LightSalmon3 (205 129 98) </span><span>&#x23;CD8162 </span>
 +
| style="background-color:#8B5742;color:#FFFFFF"|<span>LightSalmon4 (139 87 66) </span><span>&#x23;8B5742 </span>
 +
|-
 +
| style="background-color:#FFA500" | <span>Orange1 (255 165 0) </span><span>&#x23;FFA500 </span>
 +
| style="background-color:#EE9A00" | <span>Orange2 (238 154 0) </span><span>&#x23;EE9A00 </span>
 +
| style="background-color:#CD8500" | <span>Orange3 (205 133 0) </span><span>&#x23;CD8500 </span>
 +
| style="background-color:#8B5A00;color:#FFFFFF"|<span>Orange4 (139 90 0) </span><span>&#x23;8B5A00 </span>
 +
|-
 +
| style="background-color:#FF7F00" | <span>DarkOrange1 (255 127 0) </span><span>&#x23;FF7F00 </span>
 +
| style="background-color:#EE7600" | <span>DarkOrange2 (238 118 0) </span><span>&#x23;EE7600 </span>
 +
| style="background-color:#CD6600" | <span>DarkOrange3 (205 102 0) </span><span>&#x23;CD6600 </span>
 +
| style="background-color:#8B4500;color:#FFFFFF"|<span>DarkOrange4 (139 69 0) </span><span>&#x23;8B4500 </span>
 +
|-
 +
| style="background-color:#FF7256" | <span>Coral1 (255 114 86) </span><span>&#x23;FF7256 </span>
 +
| style="background-color:#EE6A50" | <span>Coral2 (238 106 80) </span><span>&#x23;EE6A50 </span>
 +
| style="background-color:#CD5B45" | <span>Coral3 (205 91 69) </span><span>&#x23;CD5B45 </span>
 +
| style="background-color:#8B3E2F;color:#FFFFFF"|<span>Coral4 (139 62 47) </span><span>&#x23;8B3E2F </span>
 +
|-
 +
| style="background-color:#FF6347" | <span>Tomato1 (255 99 71) </span><span>&#x23;FF6347 </span>
 +
| style="background-color:#EE5C42" | <span>Tomato2 (238 92 66) </span><span>&#x23;EE5C42 </span>
 +
| style="background-color:#CD4F39" | <span>Tomato3 (205 79 57) </span><span>&#x23;CD4F39 </span>
 +
| style="background-color:#8B3626;color:#FFFFFF"|<span>Tomato4 (139 54 38) </span><span>&#x23;8B3626 </span>
 +
|-
 +
| style="background-color:#FF4500" | <span>OrangeRed1 (255 69 0) </span><span>&#x23;FF4500 </span>
 +
| style="background-color:#EE4000" | <span>OrangeRed2 (238 64 0) </span><span>&#x23;EE4000 </span>
 +
| style="background-color:#CD3700" | <span>OrangeRed3 (205 55 0) </span><span>&#x23;CD3700 </span>
 +
| style="background-color:#8B2500;color:#FFFFFF"|<span>OrangeRed4 (139 37 0) </span><span>&#x23;8B2500 </span>
 +
|-
 +
| style="background-color:#FF0000" | <span>Red1 (255 0 0) </span><span>&#x23;FF0000 </span>
 +
| style="background-color:#EE0000" | <span>Red2 (238 0 0) </span><span>&#x23;EE0000 </span>
 +
| style="background-color:#CD0000" | <span>Red3 (205 0 0) </span><span>&#x23;CD0000 </span>
 +
| style="background-color:#8B0000;color:#FFFFFF"|<span>Red4 (139 0 0) </span><span>&#x23;8B0000 </span>
 +
|-
 +
| style="background-color:#FF1493" | <span>DeepPink1 (255 20 147) </span><span>&#x23;FF1493 </span>
 +
| style="background-color:#EE1289" | <span>DeepPink2 (238 18 137) </span><span>&#x23;EE1289 </span>
 +
| style="background-color:#CD1076" | <span>DeepPink3 (205 16 118) </span><span>&#x23;CD1076 </span>
 +
| style="background-color:#8B0A50;color:#FFFFFF"|<span>DeepPink4 (139 10 80) </span><span>&#x23;8B0A50 </span>
 +
|-
 +
| style="background-color:#FF6EB4" | <span>HotPink1 (255 110 180) </span><span>&#x23;FF6EB4 </span>
 +
| style="background-color:#EE6AA7" | <span>HotPink2 (238 106 167) </span><span>&#x23;EE6AA7 </span>
 +
| style="background-color:#CD6090" | <span>HotPink3 (205 96 144) </span><span>&#x23;CD6090 </span>
 +
| style="background-color:#8B3A62;color:#FFFFFF"|<span>HotPink4 (139 58 98) </span><span>&#x23;8B3A62 </span>
 +
|-
 +
| style="background-color:#FFB5C5" | <span>Pink1 (255 181 197) </span><span>&#x23;FFB5C5 </span>
 +
| style="background-color:#EEA9B8" | <span>Pink2 (238 169 184) </span><span>&#x23;EEA9B8 </span>
 +
| style="background-color:#CD919E" | <span>Pink3 (205 145 158) </span><span>&#x23;CD919E </span>
 +
| style="background-color:#8B636C;color:#FFFFFF"|<span>Pink4 (139 99 108) </span><span>&#x23;8B636C </span>
 +
|-
 +
| style="background-color:#FFAEB9" | <span>LightPink1 (255 174 185) </span><span>&#x23;FFAEB9 </span>
 +
| style="background-color:#EEA2AD" | <span>LightPink2 (238 162 173) </span><span>&#x23;EEA2AD </span>
 +
| style="background-color:#CD8C95" | <span>LightPink3 (205 140 149) </span><span>&#x23;CD8C95 </span>
 +
| style="background-color:#8B5F65;color:#FFFFFF"|<span>LightPink4 (139 95 101) </span><span>&#x23;8B5F65 </span>
 +
|-
 +
| style="background-color:#FF82AB" | <span>PaleVioletRed1 (255 130 171) </span><span>&#x23;FF82AB </span>
 +
| style="background-color:#EE799F" | <span>PaleVioletRed2 (238 121 159) </span><span>&#x23;EE799F </span>
 +
| style="background-color:#CD6889" | <span>PaleVioletRed3 (205 104 137) </span><span>&#x23;CD6889 </span>
 +
| style="background-color:#8B475D;color:#FFFFFF"|<span>PaleVioletRed4 (139 71 93) </span><span>&#x23;8B475D </span>
 +
|-
 +
| style="background-color:#FF34B3" | <span>Maroon1 (255 52 179) </span><span>&#x23;FF34B3 </span>
 +
| style="background-color:#EE30A7" | <span>Maroon2 (238 48 167) </span><span>&#x23;EE30A7 </span>
 +
| style="background-color:#CD2990" | <span>Maroon3 (205 41 144) </span><span>&#x23;CD2990 </span>
 +
| style="background-color:#8B1C62" | <span>Maroon4 (139 28 98) </span><span>&#x23;8B1C62 </span>
 +
|-
 +
| style="background-color:#FF3E96" | <span>VioletRed1 (255 62 150) </span><span>&#x23;FF3E96 </span>
 +
| style="background-color:#EE3A8C" | <span>VioletRed2 (238 58 140) </span><span>&#x23;EE3A8C </span>
 +
| style="background-color:#CD3278" | <span>VioletRed3 (205 50 120) </span><span>&#x23;CD3278 </span>
 +
| style="background-color:#8B2252;color:#FFFFFF"|<span>VioletRed4 (139 34 82) </span><span>&#x23;8B2252 </span>
 +
|-
 +
| style="background-color:#FF00FF" | <span>Magenta1 (255 0 255) </span><span>&#x23;FF00FF </span>
 +
| style="background-color:#EE00EE" | <span>Magenta2 (238 0 238) </span><span>&#x23;EE00EE </span>
 +
| style="background-color:#CD00CD" | <span>Magenta3 (205 0 205) </span><span>&#x23;CD00CD </span>
 +
| style="background-color:#8B008B;color:#FFFFFF"|<span>Magenta4 (139 0 139) </span><span>&#x23;8B008B </span>
 +
|-
 +
| style="background-color:#FF83FA" | <span>Orchid1 (255 131 250) </span><span>&#x23;FF83FA </span>
 +
| style="background-color:#EE7AE9" | <span>Orchid2 (238 122 233) </span><span>&#x23;EE7AE9 </span>
 +
| style="background-color:#CD69C9" | <span>Orchid3 (205 105 201) </span><span>&#x23;CD69C9 </span>
 +
| style="background-color:#8B4789;color:#FFFFFF"|<span>Orchid4 (139 71 137) </span><span>&#x23;8B4789 </span>
 +
|-
 +
| style="background-color:#FFBBFF" | <span>Plum1 (255 187 255) </span><span>&#x23;FFBBFF </span>
 +
| style="background-color:#EEAEEE" | <span>Plum2 (238 174 238) </span><span>&#x23;EEAEEE </span>
 +
| style="background-color:#CD96CD" | <span>Plum3 (205 150 205) </span><span>&#x23;CD96CD </span>
 +
| style="background-color:#8B668B;color:#FFFFFF"|<span>Plum4 (139 102 139) </span><span>&#x23;8B668B </span>
 +
|-
 +
| style="background-color:#E066FF" | <span>MediumOrchid1 (224 102 255) </span><span>&#x23;E066FF </span>
 +
| style="background-color:#D15FEE" | <span>MediumOrchid2 (209 95 238) </span><span>&#x23;D15FEE </span>
 +
| style="background-color:#B452CD" | <span>MediumOrchid3 (180 82 205) </span><span>&#x23;B452CD </span>
 +
| style="background-color:#7A378B;color:#FFFFFF"|<span>MediumOrchid4 (122 55 139) </span><span>&#x23;7A378B </span>
 +
|-
 +
| style="background-color:#BF3EFF" | <span>DarkOrchid1 (191 62 255) </span><span>&#x23;BF3EFF </span>
 +
| style="background-color:#B23AEE" | <span>DarkOrchid2 (178 58 238) </span><span>&#x23;B23AEE </span>
 +
| style="background-color:#9A32CD" | <span>DarkOrchid3 (154 50 205) </span><span>&#x23;9A32CD </span>
 +
| style="background-color:#68228B;color:#FFFFFF"|<span>DarkOrchid4 (104 34 139) </span><span>&#x23;68228B </span>
 +
|-
 +
| style="background-color:#9B30FF" | <span>Purple1 (155 48 255) </span><span>&#x23;9B30FF </span>
 +
| style="background-color:#912CEE" | <span>Purple2 (145 44 238) </span><span>&#x23;912CEE </span>
 +
| style="background-color:#7D26CD" | <span>Purple3 (125 38 205) </span><span>&#x23;7D26CD </span>
 +
| style="background-color:#551A8B;color:#FFFFFF"|<span>Purple4 (85 26 139) </span><span>&#x23;551A8B </span>
 +
|-
 +
| style="background-color:#AB82FF" | <span>MediumPurple1 (171 130 255) </span><span>&#x23;AB82FF </span>
 +
| style="background-color:#9F79EE" | <span>MediumPurple2 (159 121 238) </span><span>&#x23;9F79EE </span>
 +
| style="background-color:#8968CD" | <span>MediumPurple3 (137 104 205) </span><span>&#x23;8968CD </span>
 +
| style="background-color:#5D478B;color:#FFFFFF"|<span>MediumPurple4 (93 71 139) </span><span>&#x23;5D478B </span>
 +
|-
 +
| style="background-color:#FFE1FF" | <span>Thistle1 (255 225 255) </span><span>&#x23;FFE1FF </span>
 +
| style="background-color:#EED2EE" | <span>Thistle2 (238 210 238) </span><span>&#x23;EED2EE </span>
 +
| style="background-color:#CDB5CD" | <span>Thistle3 (205 181 205) </span><span>&#x23;CDB5CD </span>
 +
| style="background-color:#8B7B8B;color:#FFFFFF" | <span>Thistle4 (139 123 139) </span><span>&#x23;8B7B8B </span>
 +
|-
 +
| style="background-color:#F5F5F5" | <span>WhiteSmoke (245 245 245) </span><span>&#x23;F5F5F5 </span>
 +
| style="background-color:#DCDCDC " | <span>Gainsboro (220 220 220) </span><span>&#x23;DCDCDC </span>
 +
| style="background-color:#D3D3D3 " | <span>LightGrey (211 211 211) </span><span>&#x23;D3D3D3 </span>
 +
| style="background-color:#C0C0C0 "|<span>Silver (192 192 192) </span><span>&#x23;C0C0C0 </span>
 +
|- style="color:#FFFFFF"
 +
| style="background-color:#B5B5B5" | <span>grey71 (181 181 181) </span><span>&#x23;B5B5B5 </span>
 +
| style="background-color:#A9A9A9" | <span>DarkGrey ( 169 169 169) </span><span>&#x23;A9A9A9 </span>
 +
| style="background-color:#9C9C9C" | <span>gray61 (156 156 156) </span><span>&#x23;9C9C9C </span>
 +
| style="background-color:#696969"|<span>grey41 (105 105 105) </span><span>&#x23;696969 </span>
 +
|- style="color:#FFFFFF"
 +
| style="background-color:#4F4F4F"|<span>grey31 (79 79 79) </span><span>&#x23;4F4F4F </span>
 +
| style="background-color:#363636"|<span>grey21 (54 54 54) </span><span>&#x23;363636 </span>
 +
| style="background-color:#1C1C1C"|<span>grey11 (28 28 28) </span><span>&#x23;1C1C1C </span>
 +
| style="background-color:#000000"|<span>black (0 0 0) </span><span>&#x23;000000 </span>
 +
|}
 +
</div>
 +
 
 +
=== Використання кольорів у таблицях===
Нижче наведено складніші приклади, що демонструють додаткові опції доступні для опису таблиць. Ви можете поекспериментувати з цими установками та подивитись, який ефект вони матимуть. Не всі із цих опцій придатні у всіх випадках, тільки тому що Ви можете додати кольоровий фон не означає що це завжди є хорошою ідеєю. Намагайтесь робити Ваші таблиці достатньо простими — інші користувачі редагуватимуть їх також!
Нижче наведено складніші приклади, що демонструють додаткові опції доступні для опису таблиць. Ви можете поекспериментувати з цими установками та подивитись, який ефект вони матимуть. Не всі із цих опцій придатні у всіх випадках, тільки тому що Ви можете додати кольоровий фон не означає що це завжди є хорошою ідеєю. Намагайтесь робити Ваші таблиці достатньо простими — інші користувачі редагуватимуть їх також!

Версія 16:00, 26 квітня 2018

Зміст

Використання кольорів

Для збереження одноманітності сторінок, кольори у Вікіпедії слід використовувати розумно. Яскраві кольори в статтях повинні використовуватися тільки як виняток, коли це доцільно. Більш різноманітне розфарбування допускається у вікіпроектах та порталах. На власній сторінці користувачі нічим не обмежені у творчих експериментах

Для фарбування в MediaWiki, як і в HTML, служить атрибут style. Шматки тексту, колір яких потрібно змінити, включають у теги, наприклад для окремих букв або слів або для абзаців. В атрибуті style колір визначається властивостями CSS color:#RRGGBB; для кольору тексту або для кольору фону. «#RRGGBB» означає шістнадцятковий код кольору: частка червоного (RR) може лежати в діапазоні від 00 до FF (це відповідає десятковому числу 255), також як і частки зеленого (GG) і синього кольору (BB). Таким чином, палітра доступних кольорів налічує 166 = 16 777 216 найменувань. Замість кодування «#RRGGBB» можна використовувати наведені нижче назви кольорів (без «#»).

Що потрібно Вікітекст Результат
Кольоровий текст <span style="color:#ff0000">Текст</span> Текст
Кольорові абзаци <div style="color:red">абзац</div>
абзац
Фон для одного або декількох слів <span style="background-color:yellow">приклад</span> приклад
Фон абзацу <div style="background-color:yellow">абзац</div>
абзац
Фон елементу таблиці style="background-color:#FEDBCA;"|текст текст
Альтернативний варіант bgcolor="#FEDBCA"|текст текст
Взяття у рамку <div style="border-style:solid; border-color:Red;">текст у кольоровій рамці</div>
текст у кольоровій рамці
Екстремальний варіант style="background-color:#FEDBCA;"|<div style="border-style:solid; border-color:Red; color:red; background-color:yellow">все включено</div>
все включено

Таблиця кольорів

white (255 255 255) #FFFFFF gray91 (232 232 232) #E8E8E8 gray81 (207 207 207) #CFCFCF grey51 (130 130 130) #828282
Snow1 (255 250 250) #FFFAFA Snow2 (238 233 233) #EEE9E9 Snow3 (205 201 201) #CDC9C9 Snow4 (139 137 137) #8B8989
Seashell1 (255 245 238) #FFF5EE Seashell2 (238 229 222) #EEE5DE Seashell3 (205 197 191) #CDC5BF Seashell4 (139 134 130) #8B8682
AntiqueWhite1 (255 239 219) #FFEFDB AntiqueWhite2 (238 223 204) #EEDFCC AntiqueWhite3 (205 192 176) #CDC0B0 AntiqueWhite4 (139 131 120) #8B8378
Bisque1 (255 228 196) #FFE4C4 Bisque2 (238 213 183) #EED5B7 Bisque3 (205 183 158) #CDB79E Bisque4 (139 125 107) #8B7D6B
PeachPuff1 (255 218 185) #FFDAB9 PeachPuff2 (238 203 173) #EECBAD PeachPuff3 (205 175 149) #CDAF95 PeachPuff4 (139 119 101) #8B7765
NavajoWhite1 (255 222 173) #FFDEAD NavajoWhite2 (238 207 161) #EECFA1 NavajoWhite3 (205 179 139) #CDB38B NavajoWhite4 (139 121 94) #8B795E
LemonChiffon1 (255 250 205) #FFFACD LemonChiffon2 (238 233 191) #EEE9BF LemonChiffon3 (205 201 165) #CDC9A5 LemonChiffon4 (139 137 112) #8B8970
Cornsilk1 (255 248 220) #FFF8DC Cornsilk2 (238 232 205) #EEE8CD Cornsilk3 (205 200 177) #CDC8B1 Cornsilk4 (139 136 120) #8B8878
Ivory1 (255 255 240) #FFFFF0 Ivory2 (238 238 224) #EEEEE0 Ivory3 (205 205 193) #CDCDC1 Ivory4 (139 139 131) #8B8B83
Honeydew1 (240 255 240) #F0FFF0 Honeydew2 (224 238 224) #E0EEE0 Honeydew3 (193 205 193) #C1CDC1 Honeydew4 (131 139 131) #838B83
LavenderBlush1 (255 240 245) #FFF0F5 LavenderBlush2 (238 224 229) #EEE0E5 LavenderBlush3 (205 193 197) #CDC1C5 LavenderBlush4 (139 131 134) #8B8386
MistyRose1 (255 228 225) #FFE4E1 MistyRose2 (238 213 210) #EED5D2 MistyRose3 (205 183 181) #CDB7B5 MistyRose4 (139 125 123) #8B7D7B
Azure1 (240 255 255) #F0FFFF Azure2 (224 238 238) #E0EEEE Azure3 (193 205 205) #C1CDCD Azure4 (131 139 139) #838B8B
SlateBlue1 (131 111 255) #836FFF SlateBlue2 (122 103 238) #7A67EE SlateBlue3 (105 89 205) #6959CD SlateBlue4 (71 60 139 ) #473C8B
RoyalBlue1 (72 118 255) #4876FF RoyalBlue2 (67 110 238) #436EEE RoyalBlue3 (58 95 205) #3A5FCD RoyalBlue4 (39 64 139) #27408B
Blue1 (0 0 255) #0000FF Blue2 (0 0 238) #0000EE Blue3 (0 0 205) #0000CD Blue4 (0 0 139) #00008B
DodgerBlue1 (30 144 255) #1E90FF DodgerBlue2 (28 134 238) #1C86EE DodgerBlue3 (24 116 205) #1874CD DodgerBlue4 (16 78 139 ) #104E8B
SteelBlue1 (99 184 255) #63B8FF SteelBlue2 (92 172 238) #5CACEE SteelBlue3 (79 148 205) #4F94CD SteelBlue4 (54 100 139) #36648B
DeepSkyBlue1 (0 191 255) #00BFFF DeepSkyBlue2 (0 178 238) #00B2EE DeepSkyBlue3 (0 154 205) #009ACD DeepSkyBlue4 (0 104 139 ) #00688B
SkyBlue1 (135 206 255) #87CEFF SkyBlue2 (126 192 238) #7EC0EE SkyBlue3 (108 166 205) #6CA6CD SkyBlue4 (74 112 139 ) #4A708B
LightSkyBlue1 (176 226 255) #B0E2FF LightSkyBlue2 (164 211 238) #A4D3EE LightSkyBlue3 (141 182 205) #8DB6CD LightSkyBlue4 (96 123 139) #607B8B
SlateGray1 (198 226 255) #C6E2FF SlateGray2 (185 211 238) #B9D3EE SlateGray3 (159 182 205) #9FB6CD SlateGray4 (108 123 139) #6C7B8B
LightSteelBlue1 (202 225 255) #CAE1FF LightSteelBlue2 (188 210 238) #BCD2EE LightSteelBlue3 (162 181 205) #A2B5CD LightSteelBlue4 (110 123 139) #6E7B8B
LightBlue1 (191 239 255) #BFEFFF LightBlue2 (178 223 238) #B2DFEE LightBlue3 (154 192 205) #9AC0CD LightBlue4 (104 131 139) #68838B
LightCyan1 (224 255 255) #E0FFFF LightCyan2 (209 238 238) #D1EEEE LightCyan3 (180 205 205) #B4CDCD LightCyan4 (122 139 139) #7A8B8B
PaleTurquoise1 (187 255 255) #BBFFFF PaleTurquoise2 (174 238 238) #AEEEEE PaleTurquoise3 (150 205 205) #96CDCD PaleTurquoise4 (102 139 139) #668B8B
CadetBlue1 (152 245 255) #98F5FF CadetBlue2 (142 229 238) #8EE5EE CadetBlue3 (122 197 205) #7AC5CD CadetBlue4 (83 134 139) #53868B
Turquoise1 (0 245 255) #00F5FF Turquoise2 (0 229 238) #00E5EE Turquoise3 ( 0 197 205) #00C5CD Turquoise4 (0 134 139 ) #00868B
Cyan1 (0 255 255) #00FFFF Cyan2 (0 238 238) #00EEEE Cyan3 (0 205 205) #00CDCD Cyan4 (0 139 139) #008B8B
DarkSlateGray1 (151 255 255) #97FFFF DarkSlateGray2 (141 238 238) #8DEEEE DarkSlateGray3 (121 205 205) #79CDCD DarkSlateGray4 (82 139 139) #528B8B
Aquamarine1 (127 255 212) #7FFFD4 Aquamarine2 (118 238 198) #76EEC6 Aquamarine3 (102 205 170) #66CDAA Aquamarine4 (69 139 116) #458B74
DarkSeaGreen1 (193 255 193) #C1FFC1 DarkSeaGreen2 (180 238 180) #B4EEB4 DarkSeaGreen3 (155 205 155) #9BCD9B DarkSeaGreen4 (105 139 105) #698B69
SeaGreen1 (84 255 159) #54FF9F SeaGreen2 (78 238 148) #4EEE94 SeaGreen3 (67 205 128) #43CD80 SeaGreen4 (46 139 87) #2E8B57
PaleGreen1 (154 255 154) #9AFF9A PaleGreen2 (144 238 144) #90EE90 PaleGreen3 (124 205 124) #7CCD7C PaleGreen4 (84 139 84) #548B54
SpringGreen1 (0 255 127) #00FF7F SpringGreen2 (0 238 118) #00EE76 SpringGreen3 (0 205 102) #00CD66 SpringGreen4 (0 139 69) #008B45
Green1 (0 255 0) #00FF00 Green2 (0 238 0) #00EE00 Green3 (0 205 0) #00CD00 Green4 (0 139 0) #008B00
Chartreuse1 (127 255 0) #7FFF00 Chartreuse2 (118 238 0) #76EE00 Chartreuse3 (102 205 0) #66CD00 Chartreuse4 (69 139 0) #458B00
OliveDrab1 (192 255 62) #C0FF3E OliveDrab2 (179 238 58) #B3EE3A OliveDrab3 (154 205 50) #9ACD32 OliveDrab4 (105 139 34) #698B22
DarkOliveGreen1 (202 255 112) #CAFF70 DarkOliveGreen2 (188 238 104) #BCEE68 DarkOliveGreen3 (162 205 90) #A2CD5A DarkOliveGreen4 (110 139 61) #6E8B3D
Khaki1 (255 246 143) #FFF68F Khaki2 (238 230 133) #EEE685 Khaki3 (205 198 115) #CDC673 Khaki4 (139 134 78) #8B864E
LightGoldenrod1 (255 236 139) #FFEC8B LightGoldenrod2 (238 220 130) #EEDC82 LightGoldenrod3 (205 190 112) #CDBE70 LightGoldenrod4 (139 129 76) #8B814C
LightYellow1 (255 255 224) #FFFFE0 LightYellow2 (238 238 209) #EEEED1 LightYellow3 (205 205 180) #CDCDB4 LightYellow4 (139 139 122) #8B8B7A
Yellow1 (255 255 0) #FFFF00 Yellow2 (238 238 0) #EEEE00 Yellow3 (205 205 0) #CDCD00 Yellow4 (139 139 0) #8B8B00
Gold1 (255 215 0) #FFD700 Gold2 (238 201 0) #EEC900 Gold3 (205 173 0) #CDAD00 Gold4 (139 117 0) #8B7500
Goldenrod1 (255 193 37) #FFC125 Goldenrod2 (238 180 34) #EEB422 Goldenrod3 (205 155 29) #CD9B1D Goldenrod4 (139 105 20) #8B6914
DarkGoldenrod1 (255 185 15) #FFB90F DarkGoldenrod2 (238 173 14) #EEAD0E DarkGoldenrod3 (205 149 12) #CD950C DarkGoldenrod4 (139 101 8) #8B6508
RosyBrown1 (255 193 193) #FFC1C1 RosyBrown2 (238 180 180) #EEB4B4 RosyBrown3 (205 155 155) #CD9B9B RosyBrown4 (139 105 105) #8B6969
IndianRed1 (255 106 106) #FF6A6A IndianRed2 (238 99 99) #EE6363 IndianRed3 (205 85 85) #CD5555 IndianRed4 (139 58 58) #8B3A3A
Sienna1 (255 130 71) #FF8247 Sienna2 (238 121 66) #EE7942 Sienna3 (205 104 57) #CD6839 Sienna4 (139 71 38) #8B4726
Burlywood1 (255 211 155) #FFD39B Burlywood2 (238 197 145) #EEC591 Burlywood3 (205 170 125) #CDAA7D Burlywood4 (139 115 85) #8B7355
Wheat1 (255 231 186) #FFE7BA Wheat2 (238 216 174) #EED8AE Wheat3 (205 186 150) #CDBA96 Wheat4 (139 126 102) #8B7E66
Tan1 (255 165 79) #FFA54F Tan2 (238 154 73) #EE9A49 Tan3 (205 133 63) #CD853F Tan4 (139 90 43) #8B5A2B
Chocolate1 (255 127 36) #FF7F24 Chocolate2 (238 118 33) #EE7621 Chocolate3 (205 102 29) #CD661D Chocolate4 (139 69 19) #8B4513
Firebrick1 (255 48 48) #FF3030 Firebrick2 (238 44 44) #EE2C2C Firebrick3 (205 38 38) #CD2626 Firebrick4 (139 26 26) #8B1A1A
Brown1 (255 64 64) #FF4040 Brown2 (238 59 59) #EE3B3B Brown3 (205 51 51) #CD3333 Brown4 (139 35 35) #8B2323
Salmon1 (255 140 105) #FF8C69 Salmon2 (238 130 98) #EE8262 Salmon3 (205 112 84) #CD7054 Salmon4 (139 76 57) #8B4C39
LightSalmon1 (255 160 122) #FFA07A LightSalmon2 (238 149 114) #EE9572 LightSalmon3 (205 129 98) #CD8162 LightSalmon4 (139 87 66) #8B5742
Orange1 (255 165 0) #FFA500 Orange2 (238 154 0) #EE9A00 Orange3 (205 133 0) #CD8500 Orange4 (139 90 0) #8B5A00
DarkOrange1 (255 127 0) #FF7F00 DarkOrange2 (238 118 0) #EE7600 DarkOrange3 (205 102 0) #CD6600 DarkOrange4 (139 69 0) #8B4500
Coral1 (255 114 86) #FF7256 Coral2 (238 106 80) #EE6A50 Coral3 (205 91 69) #CD5B45 Coral4 (139 62 47) #8B3E2F
Tomato1 (255 99 71) #FF6347 Tomato2 (238 92 66) #EE5C42 Tomato3 (205 79 57) #CD4F39 Tomato4 (139 54 38) #8B3626
OrangeRed1 (255 69 0) #FF4500 OrangeRed2 (238 64 0) #EE4000 OrangeRed3 (205 55 0) #CD3700 OrangeRed4 (139 37 0) #8B2500
Red1 (255 0 0) #FF0000 Red2 (238 0 0) #EE0000 Red3 (205 0 0) #CD0000 Red4 (139 0 0) #8B0000
DeepPink1 (255 20 147) #FF1493 DeepPink2 (238 18 137) #EE1289 DeepPink3 (205 16 118) #CD1076 DeepPink4 (139 10 80) #8B0A50
HotPink1 (255 110 180) #FF6EB4 HotPink2 (238 106 167) #EE6AA7 HotPink3 (205 96 144) #CD6090 HotPink4 (139 58 98) #8B3A62
Pink1 (255 181 197) #FFB5C5 Pink2 (238 169 184) #EEA9B8 Pink3 (205 145 158) #CD919E Pink4 (139 99 108) #8B636C
LightPink1 (255 174 185) #FFAEB9 LightPink2 (238 162 173) #EEA2AD LightPink3 (205 140 149) #CD8C95 LightPink4 (139 95 101) #8B5F65
PaleVioletRed1 (255 130 171) #FF82AB PaleVioletRed2 (238 121 159) #EE799F PaleVioletRed3 (205 104 137) #CD6889 PaleVioletRed4 (139 71 93) #8B475D
Maroon1 (255 52 179) #FF34B3 Maroon2 (238 48 167) #EE30A7 Maroon3 (205 41 144) #CD2990 Maroon4 (139 28 98) #8B1C62
VioletRed1 (255 62 150) #FF3E96 VioletRed2 (238 58 140) #EE3A8C VioletRed3 (205 50 120) #CD3278 VioletRed4 (139 34 82) #8B2252
Magenta1 (255 0 255) #FF00FF Magenta2 (238 0 238) #EE00EE Magenta3 (205 0 205) #CD00CD Magenta4 (139 0 139) #8B008B
Orchid1 (255 131 250) #FF83FA Orchid2 (238 122 233) #EE7AE9 Orchid3 (205 105 201) #CD69C9 Orchid4 (139 71 137) #8B4789
Plum1 (255 187 255) #FFBBFF Plum2 (238 174 238) #EEAEEE Plum3 (205 150 205) #CD96CD Plum4 (139 102 139) #8B668B
MediumOrchid1 (224 102 255) #E066FF MediumOrchid2 (209 95 238) #D15FEE MediumOrchid3 (180 82 205) #B452CD MediumOrchid4 (122 55 139) #7A378B
DarkOrchid1 (191 62 255) #BF3EFF DarkOrchid2 (178 58 238) #B23AEE DarkOrchid3 (154 50 205) #9A32CD DarkOrchid4 (104 34 139) #68228B
Purple1 (155 48 255) #9B30FF Purple2 (145 44 238) #912CEE Purple3 (125 38 205) #7D26CD Purple4 (85 26 139) #551A8B
MediumPurple1 (171 130 255) #AB82FF MediumPurple2 (159 121 238) #9F79EE MediumPurple3 (137 104 205) #8968CD MediumPurple4 (93 71 139) #5D478B
Thistle1 (255 225 255) #FFE1FF Thistle2 (238 210 238) #EED2EE Thistle3 (205 181 205) #CDB5CD Thistle4 (139 123 139) #8B7B8B
WhiteSmoke (245 245 245) #F5F5F5 Gainsboro (220 220 220) #DCDCDC LightGrey (211 211 211) #D3D3D3 Silver (192 192 192) #C0C0C0
grey71 (181 181 181) #B5B5B5 DarkGrey ( 169 169 169) #A9A9A9 gray61 (156 156 156) #9C9C9C grey41 (105 105 105) #696969
grey31 (79 79 79) #4F4F4F grey21 (54 54 54) #363636 grey11 (28 28 28) #1C1C1C black (0 0 0) #000000

Використання кольорів у таблицях

Нижче наведено складніші приклади, що демонструють додаткові опції доступні для опису таблиць. Ви можете поекспериментувати з цими установками та подивитись, який ефект вони матимуть. Не всі із цих опцій придатні у всіх випадках, тільки тому що Ви можете додати кольоровий фон не означає що це завжди є хорошою ідеєю. Намагайтесь робити Ваші таблиці достатньо простими — інші користувачі редагуватимуть їх також!

Кольоровий текст

Текст, що знаходиться в таблиці, можна зробити кольоровим. З цією метою застосовуються ті ж теги, що і в HTML:

  • для окремого слова — <font color="#ABCDEF">Текст</font>;
  • для довгого тексту — <div style="color:#ABCDEF">Текст, текст.</div>,

де «ABCDEF» — індекс кольору. Для "розфарбування" тексту пишуть так:

Вихідний код

{| border=1
          |Клітинка 1*1
          |Кольорове <font color="#FF00FF">одне</font> слово.
          |Клітинка 3*1
          |-
          |Клітинка 1*2
          |Клітинка 2*2
          |<div style="color:#33CC66">Кольоровий весь рядок.</div>
          |-
          |Клітинка 1*3
          |Клітинка 2*3
          |Клітинка 3*3
          |}

Як він виглядає

Клітинка 1*1 Кольорове одне слово. Клітинка 3*1
Клітинка 1*2 Клітинка 2*2
Кольоровий весь рядок.
Клітинка 1*3 Клітинка 2*3 Клітинка 3*3

Колір клітинки

Зробити кольорову клітинку можна за допомогою атрибуту «bgcolor=#ABCDEF», де «ABCDEF» — індекс кольору.

Пишеться

{| border=1
          |Клітинка 1*1
          |bgcolor=#FFCC00|Клітинка 2*1
          |Клітинка 3*1
          |-
          |Клітинка 1*2
          |Клітинка 2*2
          |Клітинка 3*2
          |-
          |bgcolor=#CCFF00|Клітинка 1*3
          |Клітинка 2*3
          |Клітинка 3*3
          |}

Як він виглядає

Клітинка 1*1 Клітинка 2*1 Клітинка 3*1
Клітинка 1*2 Клітинка 2*2 Клітинка 3*2
Клітинка 1*3 Клітинка 2*3 Клітинка 3*3

Фоновий колір таблиці

Щоб зробити кольоровим фон всієї таблиці, слід вписати атрибут «bgcolor=#ABCDEF» в перший рядок таблиці, де ставитися і атрибут рамки:

Пишеться

{| border=1 bgcolor=#66FFFF
          |Клітинка 1*1
          |Клітинка 2*1
          |Клітинка 3*1
          |-
          |Клітинка 1*2
          |Клітинка 2*2
          |Клітинка 3*2
          |-
          |Клітинка 1*3
          |Клітинка 2*3
          |Клітинка 3*3
          |}

Як він виглядає

Клітинка 1*1 Клітинка 2*1 Клітинка 3*1
Клітинка 1*2 Клітинка 2*2 Клітинка 3*2
Клітинка 1*3 Клітинка 2*3 Клітинка 3*3

Класи оформлення клітинок

заголовок звичайна клітинка
highlight
bright
shadow
dark

Також в Вікіпедії є два класи підсвічування та два типи затінення окремих клітинок, при цьому класи підсвічування надають різні кольори заголовних «!» і звичайних «|» клітинок.

Ці класи можна додавати до рядка для підсвічування відразу всіх клітинок рядка.

|- class="bright"
| ...
| ...

Або до окремо взятої клітинки; якщо потрібно просто скасувати колір, заданий в рядку, використовуйте клас transparent.

|-
|class="bright"| ...
|class="highlight"| ...

Наприклад:

         
|-class="dark"     |class="highlight"
|-class="bright"   |class="transparent"  

Для заголовків рекомендується використовувати підсвічування highlight, за необхідності виділити більш важливий заголовок — bright. Якщо є необхідність знизити важливість заголовка, можна використовувати затінення.

Для виділення груп звичайних клітинок рекомендується використовувати затінення (спочатку shadow, за необхідності — dark). Если нужно выделить одну-две ячейки, можно использовать подсветку.

Якщо в якійсь клітинці потрібно задати певний колір фону, задавайте його ось так: style="background-color: колір;" (див. таблицю кольорів). Рекомендується використовувати цю можливість тільки якщо необхідний саме конкретний колір, а не просто логічне виділення частини клітинок.

Особисті інструменти