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.

@@ Line 1: / Line 1: @@
-<includeonly>{| class="wikitable sortable" style="text-align:center"
+<includeonly><!--
+VARIABLES
+-->{{#if:{{{paint|}}}{{{hair|}}}{{{apparel|}}}
+  | {{#vardefine:paint   | {{#ifeq: {{{paint  |}}} | true | true }} }}
+    {{#vardefine:hair    | {{#ifeq: {{{hair   |}}} | true | true }} }}
+    {{#vardefine:apparel | {{#ifeq: {{{apparel|}}} | true | true }} }}
+  | {{#vardefine:paint   | true }}
+    {{#vardefine:hair    | true }}
+    {{#vardefine:apparel | true }}
+}}<!--
+TABLE
+--><div><li style="display: inline-table;">
+{| class="wikitable sortable" style="text-align:center"
 ! rowspan="2" | Color
 ! rowspan="2" | Color name
-! colspan="3" | Available as
+! 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>
-! Paint
+{{#if:{{#var:paint  }}|<th>Paint</th>}}
-! Hair{{IdeologyIcon}}
+{{#if:{{#var:hair   }}|<th>Hair {{IdeologyIcon}}</th>}}
-! Apparel{{IdeologyIcon}}
+{{#if:{{#var:apparel}}|<th>Apparel {{IdeologyIcon}}</th>}}
-|- class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color"
+{{#if: {{#var:paint}}{{#var:hair}} |
-| style="background-color:#763139" | || Red || [[File:check.png|24px]] || [[File:check.png|24px]] || [[File:ex.png|24px]] || (118,49,57) #763139
+! RGB !! HEX !! HSL
-|- class=
+</tr>
+<tr class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color">
+{{!}} 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]] {{!!

Difference between revisions of "Template:Dye Color Table"

Latest revision as of 16:09, 3 September 2024

Overview[edit]

Examples[edit]

Navigation menu

Search