Difference between revisions of "Template:Dye Color Table"

Latest revision as of 16:09, 3 September 2024

Template documentation

Overview[edit]

Displays a collapsible table of all the dye colors, with their names (if one exists in-game), use and color code.

By default all colors are shown. It is however possible to only show a specific selection with any combination of the following three optional parameters:

paint = true for all colors that can be used as paint,
hair = true for all colors that can be used as hair color; and
apparel = true for all colors that are available for apparel.

Examples[edit]

{{Dye Color Table}}

results in:

Color	Color name	Available for			Color code [ExpandCollapse]
Color	Color name	Paint	Hair	Apparel	RGB	HEX	HSL
	Red				(118,49,57)	#763139	hsl(353, 41%, 33%)
	Subtle red				(132,84,72)	#845448	hsl(12, 29%, 40%)
	Auburn				(138,51,36)	#8a3324	hsl(8, 59%, 34%)
	Scarlet				(163,41,42)	#a3292a	hsl(359, 60%, 40%)
	Burgundy				(91,41,45)	#5b292d	hsl(355, 38%, 26%)
	Plum				(90,38,60)	#5a263c	hsl(334, 41%, 25%)
	Dark mauve				(131,78,101)	#834e65	hsl(333, 25%, 41%)
	Magenta				(119,50,80)	#773250	hsl(333, 41%, 33%)
	Subtle magenta				(101,67,82)	#654352	hsl(333, 20%, 33%)
	Purple				(99,50,119)	#633277	hsl(282, 41%, 33%)
	Subtle purple				(90,72,97)	#5a4861	hsl(283, 15%, 33%)
	Muted purple				(116,78,131)	#744e83	hsl(283, 25%, 41%)
	Deep purple				(75,38,90)	#4b265a	hsl(282, 41%, 25%)
	Grape				(108,52,97)	#6c3461	hsl(311, 35%, 31%)
	Indigo				(128,73,125)	#7d497d	hsl(300, 26%, 39%)
	Light indigo				(144,86,139)	#90568b	hsl(305, 25%, 45%)
	Blue				(24,65,121)	#184179	hsl(214, 67%, 28%)
	Subtle blue				(67,81,101)	#435165	hsl(215, 20%, 33%)
	Ice blue				(140,148,174)	#8c94ae	hsl(225, 17%, 62%)
	Marine				(38,59,90)	#263b5a	hsl(215, 41%, 25%)
	Sky blue				(95,133,191)	#5f85bf	hsl(216, 43%, 56%)
	Dusk				(78,100,131)	#4e6483	hsl(215, 25%, 41%)
	Moss				(38,89,90)	#26595a	hsl(181, 41%, 25%)
	Bright moss				(78,130,131)	#4e8283	hsl(181, 25%, 41%)
	Teal				(50,118,119)	#327677	hsl(180, 41%, 33%)
	Green				(89,105,62)	#59693e	hsl(82, 26%, 33%)
	Sage				(74,110,80)	#4a6e50	hsl(130, 20%, 36%)
	Faded green				(86,93,76)	#565d4c	hsl(84, 10%, 33%)
	Forest green				(78,131,105)	#4e8369	hsl(150, 25%, 41%)
	Pine green				(38,90,64)	#265a40	hsl(150, 41%, 25%)
	Swamp green				(112,131,78)	#70834e	hsl(81, 25%, 41%)
	Muddy green				(96,97,72)	#606148	hsl(62, 15%, 33%)
	Marsh green				(130,131,78)	#82834e	hsl(61, 25%, 41%)
	Viridian				(50,119,84)	#327754	hsl(149, 41%, 33%)
	Subtle viridian				(74,94,84)	#4a5e54	hsl(150, 12%, 33%)
	Olive				(118,119,50)	#767732	hsl(60, 41%, 33%)
	Dark olive				(69,88,36)	#455824	hsl(81, 42%, 24%)
	Mustard				(163,131,49)	#a38331	hsl(43, 54%, 42%)
	Pale lime				(166,166,90)	#a6a65a	hsl(60, 30%, 50%)
	Faded brown				(86,76,57)	#564c39	hsl(39, 20%, 28%)
	Subtle brown				(101,88,67)	#655843	hsl(37, 20%, 33%)
	Light brown				(131,110,78)	#836e4e	hsl(36, 25%, 41%)
	Dark brown				(90,69,38)	#5a4526	hsl(35, 41%, 25%)
	Dirt brown				(119,91,50)	#775b32	hsl(35, 41%, 33%)
	Burnt umber				(90,58,32)	#5a3a20	hsl(26, 48%, 24%)
	Wood brown				(108,78,55)	#6c4e37	hsl(26, 33%, 32%)
	Orange				(167,96,39)	#a76027	hsl(26, 62%, 40%)
	Pastel red				(201,112,112)	#c97070	hsl(360, 45%, 61%)
	Pastel pink				(241,192,218)	#f1c0da	hsl(328, 64%, 85%)
	Pastel blue				(126,164,204)	#7ea4cc	hsl(210, 43%, 65%)
	Pastel green				(161,213,180)	#a1d5b4	hsl(141, 38%, 73%)
	Pastel yellow				(204,204,100)	#cccc64	hsl(60, 50%, 60%)
	Pastel orange				(191,137,33)	#bf8921	hsl(39, 71%, 44%)
	White				(184,184,184)	#b8b8b8	hsl(360, 0%, 72%)
	Cream				(195,192,176)	#c3c0b0	hsl(50, 14%, 73%)
	Light gray				(166,166,166)	#a6a6a6	hsl(360, 0%, 65%)
	Limestone				(158,153,135)	#9e9987	hsl(46, 11%, 57%)
	Marble				(132,135,132)	#848784	hsl(120, 1%, 52%)
	Sandstone				(126,104,94)	#7e685e	hsl(18, 15%, 43%)
	Granite				(105,95,97)	#695f61	hsl(348, 5%, 39%)
	Dark gray				(81,81,81)	#515151	hsl(360, 0%, 32%)
	Slate				(70,70,70)	#464646	hsl(360, 0%, 27%)
	Black				(60,60,60)	#3c3c3c	hsl(360, 0%, 24%)
					(26,26,26)	#1a1a1a	hsl(360, 0%, 10%)
					(51,51,51)	#333333	hsl(360, 0%, 20%)
					(245,245,245)	#f5f5f5	hsl(360, 0%, 96%)
					(191,86,86)	#bf5656	hsl(360, 45%, 54%)
					(191,86,86)	#ff7373	hsl(360, 100%, 73%)
					(79,71,66)	#4f4742	hsl(23, 9%, 28%)
					(77,51,26)	#4d331a	hsl(29, 50%, 20%)
					(237,202,156)	#edca93	hsl(36, 71%, 75%)
					(148,115,67)	#947343	hsl(35, 38%, 42%)
					(191,149,86)	#bf9556	hsl(36, 45%, 54%)
					(255,199,115)	#ffc773	hsl(36, 100%, 73%)
					(132,148,67)	#849443	hsl(71, 38%, 42%)
					(227,255,115)	#e3ff73	hsl(72, 100%, 73%)
					(83,148,67)	#539443	hsl(108, 38%, 42%)
					(107,191,86)	#6bbf56	hsl(108, 45%, 54%)
					(143,255,115)	#8fff73	hsl(108, 100%, 73%)
					(86,191,128)	#56bf80	hsl(144, 45%, 54%)
					(115,255,171)	#73ffab	hsl(144, 100%, 73%)
					(67,148,148)	#439494	hsl(180, 38%, 42%)
					(86,191,191)	#56bfbf	hsl(180, 45%, 54%)
					(115,255,255)	#73ffff	hsl(180, 100%, 73%)
					(115,171,255)	#73abff	hsl(216, 100%, 73%)
					(83,67,148)	#534394	hsl(251, 38%, 42%)
					(107,86,191)	#6b56bf	hsl(252, 45%, 54%)
					(143,115,255)	#8f73ff	hsl(252, 100%, 73%)
					(132,67,148)	#844394	hsl(288, 38%, 42%)
					(170,86,191)	#aa56bf	hsl(288, 45%, 54%)
					(227,115,255)	#e373ff	hsl(288, 100%, 73%)
					(148,67,115)	#944373	hsl(324, 38%, 42%)
					(191,86,149)	#bf5695	hsl(324, 45%, 54%)
					(255,115,99)	#ff73c7	hsl(324, 100%, 73%)
					(128,128,128)	#808080	hsl(360, 0%, 50%)
					(192,192,192)	#c0c0c0	hsl(360, 0%, 75%)
					(148,74,74)	#944a4a	hsl(360, 33%, 44%)
					(148,67,67)	#944343	hsl(360, 38%, 42%)
					(132,83,47)	#84532f	hsl(25, 47%, 35%)
					(170,191,86)	#aabf56	hsl(72, 45%, 54%)
					(67,148,99)	#439463	hsl(143, 38%, 42%)
					(61,129,131)	#3d8183	hsl(181, 36%, 38%)
					(67,99,148)	#436394	hsl(216, 38%, 42%)
	Moderate blue				(86,128,191)	#5680bf	hsl(216, 45%, 54%)

{{Dye Color Table| hair = true | apparel = true}}

results in:

Color	Color name	Available for		Color code [ExpandCollapse]
Color	Color name	Hair	Apparel	RGB	HEX	HSL
	Red			(118,49,57)	#763139	hsl(353, 41%, 33%)
	Subtle red			(132,84,72)	#845448	hsl(12, 29%, 40%)
	Auburn			(138,51,36)	#8a3324	hsl(8, 59%, 34%)
	Scarlet			(163,41,42)	#a3292a	hsl(359, 60%, 40%)
	Burgundy			(91,41,45)	#5b292d	hsl(355, 38%, 26%)
	Subtle magenta			(101,67,82)	#654352	hsl(333, 20%, 33%)
	Purple			(99,50,119)	#633277	hsl(282, 41%, 33%)
	Muted purple			(116,78,131)	#744e83	hsl(283, 25%, 41%)
	Deep purple			(75,38,90)	#4b265a	hsl(282, 41%, 25%)
	Light indigo			(144,86,139)	#90568b	hsl(305, 25%, 45%)
	Blue			(24,65,121)	#184179	hsl(214, 67%, 28%)
	Subtle blue			(67,81,101)	#435165	hsl(215, 20%, 33%)
	Ice blue			(140,148,174)	#8c94ae	hsl(225, 17%, 62%)
	Marine			(38,59,90)	#263b5a	hsl(215, 41%, 25%)
	Sky blue			(95,133,191)	#5f85bf	hsl(216, 43%, 56%)
	Dusk			(78,100,131)	#4e6483	hsl(215, 25%, 41%)
	Teal			(50,118,119)	#327677	hsl(180, 41%, 33%)
	Green			(89,105,62)	#59693e	hsl(82, 26%, 33%)
	Forest green			(78,131,105)	#4e8369	hsl(150, 25%, 41%)
	Pine green			(38,90,64)	#265a40	hsl(150, 41%, 25%)
	Swamp green			(112,131,78)	#70834e	hsl(81, 25%, 41%)
	Olive			(118,119,50)	#767732	hsl(60, 41%, 33%)
	Dark olive			(69,88,36)	#455824	hsl(81, 42%, 24%)
	Mustard			(163,131,49)	#a38331	hsl(43, 54%, 42%)
	Pale lime			(166,166,90)	#a6a65a	hsl(60, 30%, 50%)
	Wood brown			(108,78,55)	#6c4e37	hsl(26, 33%, 32%)
	Orange			(167,96,39)	#a76027	hsl(26, 62%, 40%)
	Pastel red			(201,112,112)	#c97070	hsl(360, 45%, 61%)
	Pastel pink			(241,192,218)	#f1c0da	hsl(328, 64%, 85%)
	Pastel blue			(126,164,204)	#7ea4cc	hsl(210, 43%, 65%)
	Pastel green			(161,213,180)	#a1d5b4	hsl(141, 38%, 73%)
	Pastel yellow			(204,204,100)	#cccc64	hsl(60, 50%, 60%)
	Pastel orange			(191,137,33)	#bf8921	hsl(39, 71%, 44%)
	Cream			(195,192,176)	#c3c0b0	hsl(50, 14%, 73%)
	Limestone			(158,153,135)	#9e9987	hsl(46, 11%, 57%)
	Marble			(132,135,132)	#848784	hsl(120, 1%, 52%)
	Sandstone			(126,104,94)	#7e685e	hsl(18, 15%, 43%)
				(26,26,26)	#1a1a1a	hsl(360, 0%, 10%)
				(51,51,51)	#333333	hsl(360, 0%, 20%)
				(245,245,245)	#f5f5f5	hsl(360, 0%, 96%)
				(191,86,86)	#bf5656	hsl(360, 45%, 54%)
				(191,86,86)	#ff7373	hsl(360, 100%, 73%)
				(79,71,66)	#4f4742	hsl(23, 9%, 28%)
				(77,51,26)	#4d331a	hsl(29, 50%, 20%)
				(237,202,156)	#edca93	hsl(36, 71%, 75%)
				(148,115,67)	#947343	hsl(35, 38%, 42%)
				(191,149,86)	#bf9556	hsl(36, 45%, 54%)
				(255,199,115)	#ffc773	hsl(36, 100%, 73%)
				(132,148,67)	#849443	hsl(71, 38%, 42%)
				(227,255,115)	#e3ff73	hsl(72, 100%, 73%)
				(83,148,67)	#539443	hsl(108, 38%, 42%)
				(107,191,86)	#6bbf56	hsl(108, 45%, 54%)
				(143,255,115)	#8fff73	hsl(108, 100%, 73%)
				(86,191,128)	#56bf80	hsl(144, 45%, 54%)
				(115,255,171)	#73ffab	hsl(144, 100%, 73%)
				(67,148,148)	#439494	hsl(180, 38%, 42%)
				(86,191,191)	#56bfbf	hsl(180, 45%, 54%)
				(115,255,255)	#73ffff	hsl(180, 100%, 73%)
				(115,171,255)	#73abff	hsl(216, 100%, 73%)
				(83,67,148)	#534394	hsl(251, 38%, 42%)
				(107,86,191)	#6b56bf	hsl(252, 45%, 54%)
				(143,115,255)	#8f73ff	hsl(252, 100%, 73%)
				(132,67,148)	#844394	hsl(288, 38%, 42%)
				(170,86,191)	#aa56bf	hsl(288, 45%, 54%)
				(227,115,255)	#e373ff	hsl(288, 100%, 73%)
				(148,67,115)	#944373	hsl(324, 38%, 42%)
				(191,86,149)	#bf5695	hsl(324, 45%, 54%)
				(255,115,99)	#ff73c7	hsl(324, 100%, 73%)
				(128,128,128)	#808080	hsl(360, 0%, 50%)
				(192,192,192)	#c0c0c0	hsl(360, 0%, 75%)
				(148,74,74)	#944a4a	hsl(360, 33%, 44%)
				(148,67,67)	#944343	hsl(360, 38%, 42%)
				(132,83,47)	#84532f	hsl(25, 47%, 35%)
				(170,191,86)	#aabf56	hsl(72, 45%, 54%)
				(67,148,99)	#439463	hsl(143, 38%, 42%)
				(61,129,131)	#3d8183	hsl(181, 36%, 38%)
				(67,99,148)	#436394	hsl(216, 38%, 42%)
	Moderate blue			(86,128,191)	#5680bf	hsl(216, 45%, 54%)

The above documentation is transcluded from Template:Dye Color Table/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Please add categories to the /doc subpage. Subpages of this template.

Difference between revisions of "Template:Dye Color Table"

Latest revision as of 16:09, 3 September 2024

Overview[edit]

Examples[edit]

Navigation menu

Search

@@ Line 17: / Line 17: @@
 ! rowspan="2" | Color name
 ! colspan="{{#expr:0{{#if:{{#var:paint}}|+1}}{{#if:{{#var:hair}}|+1}}{{#if:{{#var:apparel}}|+1}} }}" | Available for
-! rowspan="2" | Color code [<span style="color:#0645ad;" class="mw-collapsible mw-customtoggle-color" id="mw-customcollapsible-color">Expand</span><span style="color:#0645ad;" class="mw-collapsible mw-collapsed mw-customtoggle-color" id="mw-customcollapsible-color">Collapse</span>]
+! rowspan="1" colspan="3" | Color code [<span style="color:#0645ad;" class="mw-collapsible mw-customtoggle-color" id="mw-customcollapsible-color">Expand</span><span style="color:#0645ad;" class="mw-collapsible mw-collapsed mw-customtoggle-color" id="mw-customcollapsible-color">Collapse</span>]
 <tr>
 {{#if:{{#var:paint  }}|<th>Paint</th>}}
@@ Line 23: / Line 23: @@
 {{#if:{{#var:apparel}}|<th>Apparel {{IdeologyIcon}}</th>}}
 {{#if: {{#var:paint}}{{#var:hair}} |
+! RGB !! HEX !! HSL
 </tr>
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#763139" {{!}} {{!!}} Red
+{{!}} style="background-color:hsl(353, 41%, 33%);" {{!}} {{!!}} Red
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (118,49,57) #763139
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (118,49,57) {{!!}} #763139 {{!!}} hsl(353, 41%, 33%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#845448" {{!}} {{!!}} Subtle red
+{{!}} style="background-color:hsl(12, 29%, 40%);" {{!}} {{!!}} Subtle red
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (132,84,72) #845448
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (132,84,72) {{!!}} #845448 {{!!}} hsl(12, 29%, 40%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#8a3324" {{!}} {{!!}} Auburn
+{{!}} style="background-color:hsl(8, 59%, 34%);" {{!}} {{!!}} Auburn
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (138,51,36) #8a3324
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (138,51,36) {{!!}} #8a3324 {{!!}} hsl(8, 59%, 34%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#a3292a" {{!}} {{!!}} Scarlet
+{{!}} style="background-color:hsl(359, 60%, 40%);" {{!}} {{!!}} Scarlet
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (163,41,42) #a3292a
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (163,41,42) {{!!}} #a3292a {{!!}} hsl(359, 60%, 40%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#5b292d" {{!}} {{!!}} Burgundy
+{{!}} style="background-color:hsl(355, 38%, 26%);" {{!}} {{!!}} Burgundy
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (91,41,45) #5b292d
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (91,41,45) {{!!}} #5b292d {{!!}} hsl(355, 38%, 26%)
 </tr>}}{{#if: {{#var:paint}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#5a263c" {{!}} {{!!}} Plum
+{{!}} style="background-color:hsl(334, 41%, 25%);" {{!}} {{!!}} Plum
-{{!}} {{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (90,38,60) #5a263c
+{{!}} {{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (90,38,60) {{!!}} #5a263c {{!!}} hsl(334, 41%, 25%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#834e65" {{!}} {{!!}} Dark mauve
+{{!}} style="background-color:hsl(333, 25%, 41%);" {{!}} {{!!}} Dark mauve
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (131,78,101) #834e65
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (131,78,101) {{!!}} #834e65 {{!!}} hsl(333, 25%, 41%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#773250" {{!}} {{!!}} Magenta
+{{!}} style="background-color:hsl(333, 41%, 33%);" {{!}} {{!!}} Magenta
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (119,50,80) #773250
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (119,50,80) {{!!}} #773250 {{!!}} hsl(333, 41%, 33%)
 </tr>}}{{#if: {{#var:paint}}{{#var:hair}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#654352" {{!}} {{!!}} Subtle magenta
+{{!}} style="background-color:hsl(333, 20%, 33%);" {{!}} {{!!}} Subtle magenta
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (101,67,82) #654352
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (101,67,82) {{!!}} #654352 {{!!}} hsl(333, 20%, 33%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#633277" {{!}} {{!!}} Purple
+{{!}} style="background-color:hsl(282, 41%, 33%);" {{!}} {{!!}} Purple
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (99,50,119) #633277
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (99,50,119) {{!!}} #633277 {{!!}} hsl(282, 41%, 33%)
 </tr>}}{{#if: {{#var:paint}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#5a4861" {{!}} {{!!}} Subtle purple
+{{!}} style="background-color:hsl(283, 15%, 33%);" {{!}} {{!!}} Subtle purple
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (90,72,97) #5a4861
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (90,72,97) {{!!}} #5a4861 {{!!}} hsl(283, 15%, 33%)
 </tr>}}{{#if: {{#var:paint}}{{#var:hair}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#744e83" {{!}} {{!!}} Muted purple
+{{!}} style="background-color:hsl(283, 25%, 41%);" {{!}} {{!!}} Muted purple
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (116,78,131) #744e83
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (116,78,131) {{!!}} #744e83 {{!!}} hsl(283, 25%, 41%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#4b265a" {{!}} {{!!}} Deep purple
+{{!}} style="background-color:hsl(282, 41%, 25%);" {{!}} {{!!}} Deep purple
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (75,38,90) #4b265a
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (75,38,90) {{!!}} #4b265a {{!!}} hsl(282, 41%, 25%)
 </tr>}}{{#if: {{#var:paint}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#6c3461" {{!}} {{!!}} Grape
+{{!}} style="background-color:hsl(311, 35%, 31%);" {{!}} {{!!}} Grape
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (108,52,97) #6c3461
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (108,52,97) {{!!}} #6c3461 {{!!}} hsl(311, 35%, 31%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#7d497d" {{!}} {{!!}} Indigo
+{{!}} style="background-color:hsl(300, 26%, 39%);" {{!}} {{!!}} Indigo
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (128,73,125) #7d497d
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (128,73,125) {{!!}} #7d497d {{!!}} hsl(300, 26%, 39%)
 </tr>}}{{#if: {{#var:paint}}{{#var:hair}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#90568b" {{!}} {{!!}} Light indigo
+{{!}} style="background-color:hsl(305, 25%, 45%);" {{!}} {{!!}} Light indigo
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (144,86,139) #90568b
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (144,86,139) {{!!}} #90568b {{!!}} hsl(305, 25%, 45%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#184179" {{!}} {{!!}} Blue
+{{!}} style="background-color:hsl(214, 67%, 28%);" {{!}} {{!!}} Blue
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (24,65,121) #184179
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (24,65,121) {{!!}} #184179 {{!!}} hsl(214, 67%, 28%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#435165" {{!}} {{!!}} Subtle blue
+{{!}} style="background-color:hsl(215, 20%, 33%);" {{!}} {{!!}} Subtle blue
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (67,81,101) #435165
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (67,81,101) {{!!}} #435165 {{!!}} hsl(215, 20%, 33%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#8c94ae" {{!}} {{!!}} Ice blue
+{{!}} style="background-color:hsl(225, 17%, 62%);" {{!}} {{!!}} Ice blue
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (140,148,174) #8c94ae
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (140,148,174) {{!!}} #8c94ae {{!!}} hsl(225, 17%, 62%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#263b5a" {{!}} {{!!}} Marine
+{{!}} style="background-color:hsl(215, 41%, 25%);" {{!}} {{!!}} Marine
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (38,59,90) #263b5a
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (38,59,90) {{!!}} #263b5a {{!!}} hsl(215, 41%, 25%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#5f85bf" {{!}} {{!!}} Sky blue
+{{!}} style="background-color:hsl(216, 43%, 56%);" {{!}} {{!!}} Sky blue
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (95,133,191) #5f85bf
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (95,133,191) {{!!}} #5f85bf {{!!}} hsl(216, 43%, 56%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#4e6483" {{!}} {{!!}} Dusk
+{{!}} style="background-color:hsl(215, 25%, 41%);" {{!}} {{!!}} Dusk
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (78,100,131) #4e6483
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (78,100,131) {{!!}} #4e6483 {{!!}} hsl(215, 25%, 41%)
 </tr>}}{{#if: {{#var:paint}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#26595a" {{!}} {{!!}} Moss
+{{!}} style="background-color:hsl(181, 41%, 25%);" {{!}} {{!!}} Moss
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (38,89,90) #26595a
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (38,89,90) {{!!}} #26595a {{!!}} hsl(181, 41%, 25%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#4e8283" {{!}} {{!!}} Bright moss
+{{!}} style="background-color:hsl(181, 25%, 41%);" {{!}} {{!!}} Bright moss
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (78,130,131) #4e8283
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (78,130,131) {{!!}} #4e8283 {{!!}} hsl(181, 25%, 41%)
 </tr>}}{{#if: {{#var:paint}}{{#var:hair}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#327677" {{!}} {{!!}} Teal
+{{!}} style="background-color:hsl(180, 41%, 33%);" {{!}} {{!!}} Teal
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (50,118,119) #327677
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (50,118,119) {{!!}} #327677 {{!!}} hsl(180, 41%, 33%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#59693e" {{!}} {{!!}} Green
+{{!}} style="background-color:hsl(82, 26%, 33%);" {{!}} {{!!}} Green
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (89,105,62) #59693e
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (89,105,62) {{!!}} #59693e {{!!}} hsl(82, 26%, 33%)
 </tr>}}{{#if: {{#var:paint}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#4a6e50" {{!}} {{!!}} Sage
+{{!}} style="background-color:hsl(130, 20%, 36%);" {{!}} {{!!}} Sage
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (74,110,80) #4a6e50
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (74,110,80) {{!!}} #4a6e50 {{!!}} hsl(130, 20%, 36%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#565d4c" {{!}} {{!!}} Faded green
+{{!}} style="background-color:hsl(84, 10%, 33%);" {{!}} {{!!}} Faded green
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (86,93,76) #565d4c
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (86,93,76) {{!!}} #565d4c {{!!}} hsl(84, 10%, 33%)
 </tr>}}{{#if: {{#var:paint}}{{#var:hair}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#4e8369" {{!}} {{!!}} Forest green
+{{!}} style="background-color:hsl(150, 25%, 41%);" {{!}} {{!!}} Forest green
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (78,131,105) #4e8369
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (78,131,105) {{!!}} #4e8369 {{!!}} hsl(150, 25%, 41%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#265a40" {{!}} {{!!}} Pine green
+{{!}} style="background-color:hsl(150, 41%, 25%);" {{!}} {{!!}} Pine green
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (38,90,64) #265a40
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (38,90,64) {{!!}} #265a40 {{!!}} hsl(150, 41%, 25%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#70834e" {{!}} {{!!}} Swamp green
+{{!}} style="background-color:hsl(81, 25%, 41%);" {{!}} {{!!}} Swamp green
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (112,131,78) #70834e
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (112,131,78) {{!!}} #70834e {{!!}} hsl(81, 25%, 41%)
 </tr>}}{{#if: {{#var:paint}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#606148" {{!}} {{!!}} Muddy green
+{{!}} style="background-color:hsl(62, 15%, 33%);" {{!}} {{!!}} Muddy green
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (96,97,72) #606148
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (96,97,72) {{!!}} #606148 {{!!}} hsl(62, 15%, 33%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#82834e" {{!}} {{!!}} Marsh green
+{{!}} style="background-color:hsl(61, 25%, 41%);" {{!}} {{!!}} Marsh green
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (130,131,78) #82834e
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (130,131,78) {{!!}} #82834e {{!!}} hsl(61, 25%, 41%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#327754" {{!}} {{!!}} Viridian
+{{!}} style="background-color:hsl(149, 41%, 33%);" {{!}} {{!!}} Viridian
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (50,119,84) #327754
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (50,119,84) {{!!}} #327754 {{!!}} hsl(149, 41%, 33%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#4a5e54" {{!}} {{!!}} Subtle viridian
+{{!}} style="background-color:hsl(150, 12%, 33%);" {{!}} {{!!}} Subtle viridian
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (74,94,84) #4a5e54
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (74,94,84) {{!!}} #4a5e54 {{!!}} hsl(150, 12%, 33%)
 </tr>}}{{#if: {{#var:paint}}{{#var:hair}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#767732" {{!}} {{!!}} Olive
+{{!}} style="background-color:hsl(60, 41%, 33%);" {{!}} {{!!}} Olive
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (118,119,50) #767732
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (118,119,50) {{!!}} #767732 {{!!}} hsl(60, 41%, 33%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#455824" {{!}} {{!!}} Dark olive
+{{!}} style="background-color:hsl(81, 42%, 24%);" {{!}} {{!!}} Dark olive
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (69,88,36) #455824
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (69,88,36) {{!!}} #455824 {{!!}} hsl(81, 42%, 24%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#a38331" {{!}} {{!!}} Mustard
+{{!}} style="background-color:hsl(43, 54%, 42%);" {{!}} {{!!}} Mustard
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (163,131,49) #a38331
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (163,131,49) {{!!}} #a38331 {{!!}} hsl(43, 54%, 42%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#a6a65a" {{!}} {{!!}} Pale lime
+{{!}} style="background-color:hsl(60, 30%, 50%);" {{!}} {{!!}} Pale lime
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (166,166,90) #a6a65a
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (166,166,90) {{!!}} #a6a65a {{!!}} hsl(60, 30%, 50%)
 </tr>}}{{#if: {{#var:paint}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#564c39" {{!}} {{!!}} Faded brown
+{{!}} style="background-color:hsl(39, 20%, 28%);" {{!}} {{!!}} Faded brown
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (86,76,57) #564c39
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (86,76,57) {{!!}} #564c39 {{!!}} hsl(39, 20%, 28%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#655843" {{!}} {{!!}} Subtle brown
+{{!}} style="background-color:hsl(37, 20%, 33%);" {{!}} {{!!}} Subtle brown
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (101,88,67) #655843
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (101,88,67) {{!!}} #655843 {{!!}} hsl(37, 20%, 33%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#836e4e" {{!}} {{!!}} Light brown
+{{!}} style="background-color:hsl(36, 25%, 41%);" {{!}} {{!!}} Light brown
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (131,110,78) #836e4e
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (131,110,78) {{!!}} #836e4e {{!!}} hsl(36, 25%, 41%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#5a4526" {{!}} {{!!}} Dark brown
+{{!}} style="background-color:hsl(35, 41%, 25%);" {{!}} {{!!}} Dark brown
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (90,69,38) #5a4526
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (90,69,38) {{!!}} #5a4526 {{!!}} hsl(35, 41%, 25%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#775b32" {{!}} {{!!}} Dirt brown
+{{!}} style="background-color:hsl(35, 41%, 33%);" {{!}} {{!!}} Dirt brown
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (119,91,50) #775b32
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (119,91,50) {{!!}} #775b32 {{!!}} hsl(35, 41%, 33%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#5a3a20" {{!}} {{!!}} Burnt umber
+{{!}} style="background-color:hsl(26, 48%, 24%);" {{!}} {{!!}} Burnt umber
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (90,58,32) #5a3a20
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (90,58,32) {{!!}} #5a3a20 {{!!}} hsl(26, 48%, 24%)
 </tr>}}{{#if: {{#var:paint}}{{#var:hair}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#6c4e37" {{!}} {{!!}} Wood brown
+{{!}} style="background-color:hsl(26, 33%, 32%);" {{!}} {{!!}} Wood brown
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (108,78,55) #6c4e37
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (108,78,55) {{!!}} #6c4e37 {{!!}} hsl(26, 33%, 32%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#a76027" {{!}} {{!!}} Orange
+{{!}} style="background-color:hsl(26, 62%, 40%);" {{!}} {{!!}} Orange
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (167,96,39) #a76027
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (167,96,39) {{!!}} #a76027 {{!!}} hsl(26, 62%, 40%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#c97070" {{!}} {{!!}} Pastel red
+{{!}} style="background-color:hsl(360, 45%, 61%);" {{!}} {{!!}} Pastel red
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (201,112,112) #c97070
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (201,112,112) {{!!}} #c97070 {{!!}} hsl(360, 45%, 61%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#f1c0da" {{!}} {{!!}} Pastel pink
+{{!}} style="background-color:hsl(328, 64%, 85%);" {{!}} {{!!}} Pastel pink
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (241,192,218) #f1c0da
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (241,192,218) {{!!}} #f1c0da {{!!}} hsl(328, 64%, 85%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#7ea4cc" {{!}} {{!!}} Pastel blue
+{{!}} style="background-color:hsl(210, 43%, 65%);" {{!}} {{!!}} Pastel blue
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (126.164,204) #7ea4cc
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (126,164,204) {{!!}} #7ea4cc {{!!}} hsl(210, 43%, 65%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#a1d5b4" {{!}} {{!!}} Pastel green
+{{!}} style="background-color:hsl(141, 38%, 73%);" {{!}} {{!!}} Pastel green
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (161,213,180) #a1d5b4
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (161,213,180) {{!!}} #a1d5b4 {{!!}} hsl(141, 38%, 73%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#cccc64" {{!}} {{!!}} Pastel yellow
+{{!}} style="background-color:hsl(60, 50%, 60%);" {{!}} {{!!}} Pastel yellow
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (204,204,100) #cccc64
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (204,204,100) {{!!}} #cccc64 {{!!}} hsl(60, 50%, 60%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#bf8921" {{!}} {{!!}} Pastel orange
+{{!}} style="background-color:hsl(39, 71%, 44%);" {{!}} {{!!}} Pastel orange
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (191,137,33) #bf8921
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (191,137,33) {{!!}} #bf8921 {{!!}} hsl(39, 71%, 44%)
 </tr>}}{{#if: {{#var:paint}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#b8b8b8" {{!}} {{!!}} White
+{{!}} style="background-color:hsl(360, 0%, 72%);" {{!}} {{!!}} White
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (184,184,184) #b8b8b8
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (184,184,184) {{!!}} #b8b8b8 {{!!}} hsl(360, 0%, 72%)
 </tr>}}{{#if: {{#var:paint}}{{#var:hair}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#c3c0b0" {{!}} {{!!}} Cream
+{{!}} style="background-color:hsl(50, 14%, 73%);" {{!}} {{!!}} Cream
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (195,192,176) #c3c0b0
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (195,192,176) {{!!}} #c3c0b0 {{!!}} hsl(50, 14%, 73%)
 </tr>}}{{#if: {{#var:paint}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#a6a6a6" {{!}} {{!!}} Light gray
+{{!}} style="background-color:hsl(360, 0%, 65%);" {{!}} {{!!}} Light gray
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (166,166,166) #a6a6a6
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (166,166,166) {{!!}} #a6a6a6 {{!!}} hsl(360, 0%, 65%)
 </tr>}}{{#if: {{#var:paint}}{{#var:hair}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#9e9987" {{!}} {{!!}} Limestone
+{{!}} style="background-color:hsl(46, 11%, 57%);" {{!}} {{!!}} Limestone
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (158,153,135) #9e9987
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (158,153,135) {{!!}} #9e9987 {{!!}} hsl(46, 11%, 57%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#848784" {{!}} {{!!}} Marble
+{{!}} style="background-color:hsl(120, 1%, 52%);" {{!}} {{!!}} Marble
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (132,135,132) #848784
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (132,135,132) {{!!}} #848784 {{!!}} hsl(120, 1%, 52%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#7e685e" {{!}} {{!!}} Sandstone
+{{!}} style="background-color:hsl(18, 15%, 43%);" {{!}} {{!!}} Sandstone
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (126,104,94) #7e685e
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (126,104,94) {{!!}} #7e685e {{!!}} hsl(18, 15%, 43%)
 </tr>}}{{#if: {{#var:paint}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#695f61" {{!}} {{!!}} Granite
+{{!}} style="background-color:hsl(348, 5%, 39%);" {{!}} {{!!}} Granite
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (105,95,97) #695f61
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (105,95,97) {{!!}} #695f61 {{!!}} hsl(348, 5%, 39%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#515151" {{!}} {{!!}} Dark gray
+{{!}} style="background-color:hsl(360, 0%, 32%);" {{!}} {{!!}} Dark gray
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (81,81,81) #515151
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (81,81,81) {{!!}} #515151 {{!!}} hsl(360, 0%, 32%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#464646" {{!}} {{!!}} Slate
+{{!}} style="background-color:hsl(360, 0%, 27%);" {{!}} {{!!}} Slate
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (70,70,70) #464646
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (70,70,70) {{!!}} #464646 {{!!}} hsl(360, 0%, 27%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#3c3c3c" {{!}} {{!!}} Black
+{{!}} style="background-color:hsl(360, 0%, 24%);" {{!}} {{!!}} Black
-{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (60,60,60) #3c3c3c
+{{!}} {{#if:{{#var:paint}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (60,60,60) {{!!}} #3c3c3c {{!!}} hsl(360, 0%, 24%)
 </tr>}}{{#if: {{#var:hair}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#1a1a1a" {{!}} {{!!}}
+{{!}} style="background-color:hsl(360, 0%, 10%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (26,26,26) #1a1a1a
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (26,26,26) {{!!}} #1a1a1a {{!!}} hsl(360, 0%, 10%)
 </tr>}}{{#if: {{#var:hair}}{{#var:apparel}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#333333" {{!}} {{!!}}
+{{!}} style="background-color:hsl(360, 0%, 20%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (51,51,51) #333333
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (51,51,51) {{!!}} #333333 {{!!}} hsl(360, 0%, 20%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#f5f5f5" {{!}} {{!!}}
+{{!}} style="background-color:hsl(360, 0%, 96%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (245,245,245) #f5f5f5
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (245,245,245) {{!!}} #f5f5f5 {{!!}} hsl(360, 0%, 96%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#bf5656" {{!}} {{!!}}
+{{!}} style="background-color:hsl(360, 45%, 54%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (191,86,86) #bf5656
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (191,86,86) {{!!}} #bf5656 {{!!}} hsl(360, 45%, 54%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#ff7373" {{!}} {{!!}}
+{{!}} style="background-color:hsl(360, 100%, 73%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (191,86,86) #ff7373
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (191,86,86) {{!!}} #ff7373 {{!!}} hsl(360, 100%, 73%)
 </tr>}}{{#if: {{#var:hair}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#4f4742" {{!}} {{!!}}
+{{!}} style="background-color:hsl(23, 9%, 28%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (79,71,66) #4f4742
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (79,71,66) {{!!}} #4f4742 {{!!}} hsl(23, 9%, 28%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#4d331a" {{!}} {{!!}}
+{{!}} style="background-color:hsl(29, 50%, 20%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (77,51,26) #4d331a
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (77,51,26) {{!!}} #4d331a {{!!}} hsl(29, 50%, 20%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#edca93" {{!}} {{!!}}
+{{!}} style="background-color:hsl(36, 71%, 75%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (237,202,156) #edca93
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:ex.png|24px]] {{!!}} }} (237,202,156) {{!!}} #edca93 {{!!}} hsl(36, 71%, 75%)
 </tr>}}{{#if: {{#var:hair}}{{#var:apparel}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#947343" {{!}} {{!!}}
+{{!}} style="background-color:hsl(35, 38%, 42%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (148,115,67) #947343
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (148,115,67) {{!!}} #947343 {{!!}} hsl(35, 38%, 42%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#bf9556" {{!}} {{!!}}
+{{!}} style="background-color:hsl(36, 45%, 54%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (191,149,86) #bf9556
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (191,149,86) {{!!}} #bf9556 {{!!}} hsl(36, 45%, 54%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#ffc773" {{!}} {{!!}}
+{{!}} style="background-color:hsl(36, 100%, 73%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (255,199,115) #ffc773
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (255,199,115) {{!!}} #ffc773 {{!!}} hsl(36, 100%, 73%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#849443" {{!}} {{!!}}
+{{!}} style="background-color:hsl(71, 38%, 42%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (132,148,67) #849443
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (132,148,67) {{!!}} #849443 {{!!}} hsl(71, 38%, 42%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#e3ff73" {{!}} {{!!}}
+{{!}} style="background-color:hsl(72, 100%, 73%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (227,255,115) #e3ff73
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (227,255,115) {{!!}} #e3ff73 {{!!}} hsl(72, 100%, 73%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#539443" {{!}} {{!!}}
+{{!}} style="background-color:hsl(108, 38%, 42%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (83,148,67) #539443
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (83,148,67) {{!!}} #539443 {{!!}} hsl(108, 38%, 42%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#6bbf56" {{!}} {{!!}}
+{{!}} style="background-color:hsl(108, 45%, 54%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (107,191,86) #6bbf56
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (107,191,86) {{!!}} #6bbf56 {{!!}} hsl(108, 45%, 54%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#8fff73" {{!}} {{!!}}
+{{!}} style="background-color:hsl(108, 100%, 73%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (143,255,115) #8fff73
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (143,255,115) {{!!}} #8fff73 {{!!}} hsl(108, 100%, 73%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#56bf80" {{!}} {{!!}}
+{{!}} style="background-color:hsl(144, 45%, 54%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (86,191,128) #56bf80
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (86,191,128) {{!!}} #56bf80 {{!!}} hsl(144, 45%, 54%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#73ffab" {{!}} {{!!}}
+{{!}} style="background-color:hsl(144, 100%, 73%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (115,255,171) #73ffab
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (115,255,171) {{!!}} #73ffab {{!!}} hsl(144, 100%, 73%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#439494" {{!}} {{!!}}
+{{!}} style="background-color:hsl(180, 38%, 42%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (67,148,148) #439494
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (67,148,148) {{!!}} #439494 {{!!}} hsl(180, 38%, 42%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#56bfbf" {{!}} {{!!}}
+{{!}} style="background-color:hsl(180, 45%, 54%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (86,191,191) #56bfbf
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (86,191,191) {{!!}} #56bfbf {{!!}} hsl(180, 45%, 54%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#73ffff" {{!}} {{!!}}
+{{!}} style="background-color:hsl(180, 100%, 73%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (115,255,255) #73ffff
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (115,255,255) {{!!}} #73ffff {{!!}} hsl(180, 100%, 73%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#73abff" {{!}} {{!!}}
+{{!}} style="background-color:hsl(216, 100%, 73%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (115,171,255) #73abff
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (115,171,255) {{!!}} #73abff {{!!}} hsl(216, 100%, 73%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#534394" {{!}} {{!!}}
+{{!}} style="background-color:hsl(251, 38%, 42%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (83,67,148) #534394
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (83,67,148) {{!!}} #534394 {{!!}} hsl(251, 38%, 42%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#6b56bf" {{!}} {{!!}}
+{{!}} style="background-color:hsl(252, 45%, 54%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (107,86,191) #6b56bf
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (107,86,191) {{!!}} #6b56bf {{!!}} hsl(252, 45%, 54%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#8f73ff" {{!}} {{!!}}
+{{!}} style="background-color:hsl(252, 100%, 73%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (143,115,255) #8f73ff
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (143,115,255) {{!!}} #8f73ff {{!!}} hsl(252, 100%, 73%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#844394" {{!}} {{!!}}
+{{!}} style="background-color:hsl(288, 38%, 42%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (132,67,148) #844394
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (132,67,148) {{!!}} #844394 {{!!}} hsl(288, 38%, 42%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#aa56bf" {{!}} {{!!}}
+{{!}} style="background-color:hsl(288, 45%, 54%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (170,86,191) #aa56bf
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (170,86,191) {{!!}} #aa56bf {{!!}} hsl(288, 45%, 54%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#e373ff" {{!}} {{!!}}
+{{!}} style="background-color:hsl(288, 100%, 73%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (227,115,255) #e373ff
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (227,115,255) {{!!}} #e373ff {{!!}} hsl(288, 100%, 73%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#944373" {{!}} {{!!}}
+{{!}} style="background-color:hsl(324, 38%, 42%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (148,67,115) #944373
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (148,67,115) {{!!}} #944373 {{!!}} hsl(324, 38%, 42%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#bf5695" {{!}} {{!!}}
+{{!}} style="background-color:hsl(324, 45%, 54%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (191,86,149) #bf5695
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (191,86,149) {{!!}} #bf5695 {{!!}} hsl(324, 45%, 54%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#ff73c7" {{!}} {{!!}}
+{{!}} style="background-color:hsl(324, 100%, 73%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (255,115,99) #ff73c7
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:check.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (255,115,99) {{!!}} #ff73c7 {{!!}} hsl(324, 100%, 73%)
 </tr>}}{{#if: {{#var:apparel}} |
 <tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#808080" {{!}} {{!!}}
+{{!}} style="background-color:hsl(360, 0%, 50%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (128,128,128) #808080
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (128,128,128) {{!!}} #808080 {{!!}} hsl(360, 0%, 50%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#c0c0c0" {{!}} {{!!}}
+{{!}} style="background-color:hsl(360, 0%, 75%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (192,192,192) #c0c0c0
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (192,192,192) {{!!}} #c0c0c0 {{!!}} hsl(360, 0%, 75%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#944a4a" {{!}} {{!!}}
+{{!}} style="background-color:hsl(360, 33%, 44%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (148,74,74) #944a4a
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (148,74,74) {{!!}} #944a4a {{!!}} hsl(360, 33%, 44%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#944343" {{!}} {{!!}}
+{{!}} style="background-color:hsl(360, 38%, 42%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (148,67,67) #944343
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (148,67,67) {{!!}} #944343 {{!!}} hsl(360, 38%, 42%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#84532f" {{!}} {{!!}}
+{{!}} style="background-color:hsl(25, 47%, 35%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (132,83,47) #84532f
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (132,83,47) {{!!}} #84532f {{!!}} hsl(25, 47%, 35%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#aabf56" {{!}} {{!!}}
+{{!}} style="background-color:hsl(72, 45%, 54%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (170,191,86) #aabf56
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (170,191,86) {{!!}} #aabf56 {{!!}} hsl(72, 45%, 54%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#439463" {{!}} {{!!}}
+{{!}} style="background-color:hsl(143, 38%, 42%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (67,148,99) #439463
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (67,148,99) {{!!}} #439463 {{!!}} hsl(143, 38%, 42%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#3d8183" {{!}} {{!!}}
+{{!}} style="background-color:hsl(181, 36%, 38%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (61,129,131) #3d8183
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (61,129,131) {{!!}} #3d8183 {{!!}} hsl(181, 36%, 38%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#436394" {{!}} {{!!}}
+{{!}} style="background-color:hsl(216, 38%, 42%);" {{!}} {{!!}}
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (67,99,148) #436394
+{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (67,99,148) {{!!}} #436394 {{!!}} hsl(216, 38%, 42%)
 </tr><tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
-{{!}} style="background-color:#5680bf" {{!}} {{!!}}
+{{!}} style="background-color:hsl(216, 45%, 54%);" {{!}} <td>Moderate blue</td>
-{{!}} {{#if:{{#var:paint}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] {{!!}} }} {{#if:{{#var:apparel}}|[[File:check.png|24px]] {{!!}} }} (86,128,191) #5680bf
+<td>{{#if:{{#var:paint}}|[[File:ex.png|24px]] </td> <td> }} {{#if:{{#var:hair}}|[[File:ex.png|24px]] </td> <td> }} {{#if:{{#var:apparel}}|[[File:check.png|24px]]</td><td> }} (86,128,191)</td> <td>#5680bf</td> <td>hsl(216, 45%, 54%)</td><!--
-</tr>}}
+ If Preprocessor visited node count ever becomes an issue, all the {{!!}} and {{!}} can be replaced with <td> </td>. It's ~2 per instance removed, so with 619 {{!!}} and 312 {{!}} instances, around half of the node count can be removed. The price is readability, which is why I'll only leave this last line with said format as a proof of concept.
+Despite the above, do note that I'm unsure how to replace the template before style: It can be done, but it is deemed obsolete so It may not be the best idea.
+--></tr>}}
 |}
-</li></div></includeonly><noinclude>{{Recode|reason=If we can convert the colors to HSL, we could have the color code sort sort it into a rainbow.<!-- (118,49,57) #763139
+</li></div></includeonly><noinclude><!--
-(132,84,72) #845448
+(118,49,57) #763139 hsl(353, 41%, 33%)
-(138,51,36) #8a3324
+(132,84,72) #845448 hsl(12, 29%, 40%)
-(163,41,42) #a3292a
+(138,51,36) #8a3324 hsl(8, 59%, 34%)
-(91,41,45) #5b292d
+(163,41,42) #a3292a hsl(359, 60%, 40%)
-(90,38,60) #5a263c
+(91,41,45) #5b292d hsl(355, 38%, 26%)
-(131,78,101) #834e65
+(90,38,60) #5a263c hsl(334, 41%, 25%)
-(119,50,80) #773250
+(131,78,101) #834e65 hsl(333, 25%, 41%)
-(101,67,82) #654352
+(119,50,80) #773250 hsl(333, 41%, 33%)
-(99,50,119) #633277
+(101,67,82) #654352 hsl(333, 20%, 33%)
-(90,72,97) #5a4861
+(99,50,119) #633277 hsl(282, 41%, 33%)
-(116,78,131) #744e83
+(90,72,97) #5a4861 hsl(283, 15%, 33%)
-(75,38,90) #4b265a
+(116,78,131) #744e83 hsl(283, 25%, 41%)
-(108,52,97) #6c3461
+(75,38,90) #4b265a hsl(282, 41%, 25%)
-(128,73,125) #7d497d
+(108,52,97) #6c3461 hsl(311, 35%, 31%)
-(144,86,139) #90568b
+(128,73,125) #7d497d hsl(300, 26%, 39%)
-(24,65,121) #184179
+(144,86,139) #90568b hsl(305, 25%, 45%)
-(67,81,101) #435165
+(24,65,121) #184179 hsl(214, 67%, 28%)
-(140,148,174) #8c94ae
+(67,81,101) #435165 hsl(215, 20%, 33%)
-(38,59,90) #263b5a
+(140,148,174) #8c94ae hsl(225, 17%, 62%)
-(95,133,191) #5f85bf
+(38,59,90) #263b5a hsl(215, 41%, 25%)
-(78,100,131) #4e6483
+(95,133,191) #5f85bf hsl(216, 43%, 56%)
-(38,89,90) #26595a
+(78,100,131) #4e6483 hsl(215, 25%, 41%)
-(78,130,131) #4e8283
+(38,89,90) #26595a hsl(181, 41%, 25%)
-(50,118,119) #327677
+(78,130,131) #4e8283 hsl(181, 25%, 41%)
-(89,105,62) #59693e
+(50,118,119) #327677 hsl(180, 41%, 33%)
-(74,110,80) #4a6e50
+(89,105,62) #59693e hsl(82, 26%, 33%)
-(86,93,76) #565d4c
+(74,110,80) #4a6e50 hsl(130, 20%, 36%)
-(78,131,105) #4e8369
+(86,93,76) #565d4c hsl(84, 10%, 33%)
-(38,90,64) #265a40
+(78,131,105) #4e8369 hsl(150, 25%, 41%)
-(112,131,78) #70834e
+(38,90,64) #265a40 hsl(150, 41%, 25%)
-(96,97,72) #606148
+(112,131,78) #70834e hsl(81, 25%, 41%)
-(130,131,78) #82834e
+(96,97,72) #606148 hsl(62, 15%, 33%)
-(50,119,84) #327754
+(130,131,78) #82834e hsl(61, 25%, 41%)
-(74,94,84) #4a5e54
+(50,119,84) #327754 hsl(149, 41%, 33%)
-(118,119,50) #767732
+(74,94,84) #4a5e54 hsl(150, 12%, 33%)
-(69,88,36) #455824
+(118,119,50) #767732 hsl(60, 41%, 33%)
-(163,131,49) #a38331
+(69,88,36) #455824 hsl(81, 42%, 24%)
-(166,166,90) #a6a65a
+(163,131,49) #a38331 hsl(43, 54%, 42%)
-(86,76,57) #564c39
+(166,166,90) #a6a65a hsl(60, 30%, 50%)
-(101,88,67) #655843
+(86,76,57) #564c39 hsl(39, 20%, 28%)
-(131,110,78) #836e4e
+(101,88,67) #655843 hsl(37, 20%, 33%)
-(90,69,38) #5a4526
+(131,110,78) #836e4e hsl(36, 25%, 41%)
-(119,91,50) #775b32
+(90,69,38) #5a4526 hsl(35, 41%, 25%)
-(90,58,32) #5a3a20
+(119,91,50) #775b32 hsl(35, 41%, 33%)
-(108,78,55) #6c4e37
+(90,58,32) #5a3a20 hsl(26, 48%, 24%)
-(167,96,39) #a76027
+(108,78,55) #6c4e37 hsl(26, 33%, 32%)
-(201,112,112) #c97070
+(167,96,39) #a76027 hsl(26, 62%, 40%)
-(241,192,218) #f1c0da
+(201,112,112) #c97070 hsl(360, 45%, 61%)
-(126.164,204) #7ea4cc
+(241,192,218) #f1c0da hsl(328, 64%, 85%)
-(161,213,180) #a1d5b4
+-126,164.20 #7ea4cc hsl(210, 43%, 65%)
-(204,204,100) #cccc64
+(161,213,180) #a1d5b4 hsl(141, 38%, 73%)
-(191,137,33) #bf8921
+(204,204,100) #cccc64 hsl(60, 50%, 60%)
-(184,184,184) #b8b8b8
+(191,137,33) #bf8921 hsl(39, 71%, 44%)
-(195,192,176) #c3c0b0
+(184,184,184) #b8b8b8 hsl(360, 0%, 72%)
-(166,166,166) #a6a6a6
+(195,192,176) #c3c0b0 hsl(50, 14%, 73%)
-(158,153,135) #9e9987
+(166,166,166) #a6a6a6 hsl(360, 0%, 65%)
-(132,135,132) #848784
+(158,153,135) #9e9987 hsl(46, 11%, 57%)
-(126,104,94) #7e685e
+(132,135,132) #848784 hsl(120, 1%, 52%)
-(105,95,97) #695f61
+(126,104,94) #7e685e hsl(18, 15%, 43%)
-(81,81,81) #515151
+(105,95,97) #695f61 hsl(348, 5%, 39%)
-(70,70,70) #464646
+(81,81,81) #515151 hsl(360, 0%, 32%)
-(60,60,60) #3c3c3c
+(70,70,70) #464646 hsl(360, 0%, 27%)
-(26,26,26) #1a1a1a
+(60,60,60) #3c3c3c hsl(360, 0%, 24%)
-(51,51,51) #333333
+(26,26,26) #1a1a1a hsl(360, 0%, 10%)
-(245,245,245) #f5f5f5
+(51,51,51) #333333 hsl(360, 0%, 20%)
-(191,86,86) #bf5656
+(245,245,245) #f5f5f5 hsl(360, 0%, 96%)
-(191,86,86) #ff7373
+(191,86,86) #bf5656 hsl(360, 45%, 54%)
-(79,71,66) #4f4742
+(191,86,86) #ff7373 hsl(360, 100%, 73%)
-(77,51,26) #4d331a
+(79,71,66) #4f4742 hsl(23, 9%, 28%)
-(237,202,156) #edca93
+(77,51,26) #4d331a hsl(29, 50%, 20%)
-(148,115,67) #947343
+(237,202,156) #edca93 hsl(36, 71%, 75%)
-(191,149,86) #bf9556
+(148,115,67) #947343 hsl(35, 38%, 42%)
-(255,199,115) #ffc773
+(191,149,86) #bf9556 hsl(36, 45%, 54%)
-(132,148,67) #849443
+(255,199,115) #ffc773 hsl(36, 100%, 73%)
-(227,255,115) #e3ff73
+(132,148,67) #849443 hsl(71, 38%, 42%)
-(83,148,67) #539443
+(227,255,115) #e3ff73 hsl(72, 100%, 73%)
-(107,191,86) #6bbf56
+(83,148,67) #539443 hsl(108, 38%, 42%)
-(143,255,115) #8fff73
+(107,191,86) #6bbf56 hsl(108, 45%, 54%)
-(86,191,128) #56bf80
+(143,255,115) #8fff73 hsl(108, 100%, 73%)
-(115,255,171) #73ffab
+(86,191,128) #56bf80 hsl(144, 45%, 54%)
-(67,148,148) #439494
+(115,255,171) #73ffab hsl(144, 100%, 73%)
-(86,191,191) #56bfbf
+(67,148,148) #439494 hsl(180, 38%, 42%)
-(115,255,255) #73ffff
+(86,191,191) #56bfbf hsl(180, 45%, 54%)
-(115,171,255) #73abff
+(115,255,255) #73ffff hsl(180, 100%, 73%)
-(83,67,148) #534394
+(115,171,255) #73abff hsl(216, 100%, 73%)
-(107,86,191) #6b56bf
+(83,67,148) #534394 hsl(251, 38%, 42%)
-(143,115,255) #8f73ff
+(107,86,191) #6b56bf hsl(252, 45%, 54%)
-(132,67,148) #844394
+(143,115,255) #8f73ff hsl(252, 100%, 73%)
-(170,86,191) #aa56bf
+(132,67,148) #844394 hsl(288, 38%, 42%)
-(227,115,255) #e373ff
+(170,86,191) #aa56bf hsl(288, 45%, 54%)
-(148,67,115) #944373
+(227,115,255) #e373ff hsl(288, 100%, 73%)
-(191,86,149) #bf5695
+(148,67,115) #944373 hsl(324, 38%, 42%)
-(255,115,99) #ff73c7
+(191,86,149) #bf5695 hsl(324, 45%, 54%)
-(128,128,128) #808080
+(255,115,99) #ff73c7 hsl(324, 100%, 73%)
-(192,192,192) #c0c0c0
+(128,128,128) #808080 hsl(360, 0%, 50%)
-(148,74,74) #944a4a
+(192,192,192) #c0c0c0 hsl(360, 0%, 75%)
-(148,67,67) #944343
+(148,74,74) #944a4a hsl(360, 33%, 44%)
-(132,83,47) #84532f
+(148,67,67) #944343 hsl(360, 38%, 42%)
-(170,191,86) #aabf56
+(132,83,47) #84532f hsl(25, 47%, 35%)
-(67,148,99) #439463
+(170,191,86) #aabf56 hsl(72, 45%, 54%)
-(61,129,131) #3d8183
+(67,148,99) #439463 hsl(143, 38%, 42%)
-(67,99,148) #436394
+(61,129,131) #3d8183 hsl(181, 36%, 38%)
-(86,128,191) #5680bf
+(67,99,148) #436394 hsl(216, 38%, 42%)
--->}}{{Documentation}}</noinclude>
+(86,128,191) #5680bf hsl(216, 45%, 54%)
+-->{{Documentation}}</noinclude>