Template:Dye Color Table

From RimWorld Wiki
Revision as of 16:09, 3 September 2024 by Arcangelus (talk | contribs) (Converted to HSL, as requested. I don't see the "sort into a rainbow" option I was promised (◡︵◡) . Also changed the "Color Code" section, increasing node count slightly. Do note that the transition is "close enough"; perfection would require non-integer (invalid) values. Alpha defaults to 1 (fully opaque).)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
Documentation icon Template documentation[view] [edit] [history] [purge]

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