Difference between revisions of "User:Dorsal Axe/Sandbox/Lemon"
From Nookipedia, the Animal Crossing wiki
< User:Dorsal Axe | Sandbox
Dorsal Axe (talk | contribs) |
Dorsal Axe (talk | contribs) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 7: | Line 7: | ||
! rowspan=2 | Base Color HS | ! rowspan=2 | Base Color HS | ||
! rowspan=2 style="width: 15px;" | Base (50%) | ! rowspan=2 style="width: 15px;" | Base (50%) | ||
| − | + | ! colspan=5 style="width: 150px;" | Light mode color | |
| − | + | ! colspan=5 style="width: 150px;" | Dark mode color | |
| − | ! colspan= | ||
| − | ! colspan= | ||
|- | |- | ||
! Pri<br>(70%) | ! Pri<br>(70%) | ||
! Sec<br>(85%) | ! Sec<br>(85%) | ||
! Ter<br>(90%) | ! Ter<br>(90%) | ||
| + | ! Sha<br>(40%) | ||
| + | ! Tex<br>(20%) | ||
! Pri<br>(30%) | ! Pri<br>(30%) | ||
! Sec<br>(25%) | ! Sec<br>(25%) | ||
! Ter<br>(20%) | ! Ter<br>(20%) | ||
| + | ! Sha<br>(40%) | ||
| + | ! Tex<br>(20%) | ||
|- | |- | ||
| − | ! colspan= | + | ! colspan=13 | Gender |
|- | |- | ||
| <code>color-female</code> | | <code>color-female</code> | ||
| 306, 70% | | 306, 70% | ||
| style="background: hsl(306, 70%, 50%);" | | | style="background: hsl(306, 70%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(306, 70%, 70%);" | | | style="background: hsl(306, 70%, 70%);" | | ||
| style="background: hsl(306, 70%, 85%);" | | | style="background: hsl(306, 70%, 85%);" | | ||
| style="background: hsl(306, 70%, 90%);" | | | style="background: hsl(306, 70%, 90%);" | | ||
| + | | style="background: hsl(306, 70%, 40%);" | | ||
| + | | style="background: hsl(306, 70%, 20%);" | | ||
| style="background: hsl(306, 70%, 30%);" | | | style="background: hsl(306, 70%, 30%);" | | ||
| style="background: hsl(306, 70%, 25%);" | | | style="background: hsl(306, 70%, 25%);" | | ||
| style="background: hsl(306, 70%, 20%);" | | | style="background: hsl(306, 70%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-male</code> | | <code>color-male</code> | ||
| 214, 92% | | 214, 92% | ||
| style="background: hsl(214, 92%, 50%);" | | | style="background: hsl(214, 92%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(214, 92%, 70%);" | | | style="background: hsl(214, 92%, 70%);" | | ||
| style="background: hsl(214, 92%, 85%);" | | | style="background: hsl(214, 92%, 85%);" | | ||
| style="background: hsl(214, 92%, 90%);" | | | style="background: hsl(214, 92%, 90%);" | | ||
| + | | style="background: hsl(214, 92%, 40%);" | | ||
| + | | style="background: hsl(214, 92%, 20%);" | | ||
| style="background: hsl(214, 92%, 30%);" | | | style="background: hsl(214, 92%, 30%);" | | ||
| style="background: hsl(214, 92%, 25%);" | | | style="background: hsl(214, 92%, 25%);" | | ||
| style="background: hsl(214, 92%, 20%);" | | | style="background: hsl(214, 92%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| − | ! colspan= | + | ! colspan=13 | Item Color |
|- | |- | ||
| <code>color-red</code> | | <code>color-red</code> | ||
| 12, 87% | | 12, 87% | ||
| style="background: hsl(12, 87%, 50%);" | | | style="background: hsl(12, 87%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(12, 87%, 70%);" | | | style="background: hsl(12, 87%, 70%);" | | ||
| style="background: hsl(12, 87%, 85%);" | | | style="background: hsl(12, 87%, 85%);" | | ||
| style="background: hsl(12, 87%, 90%);" | | | style="background: hsl(12, 87%, 90%);" | | ||
| + | | style="background: hsl(12, 87%, 40%);" | | ||
| + | | style="background: hsl(12, 87%, 20%);" | | ||
| style="background: hsl(12, 87%, 30%);" | | | style="background: hsl(12, 87%, 30%);" | | ||
| style="background: hsl(12, 87%, 25%);" | | | style="background: hsl(12, 87%, 25%);" | | ||
| style="background: hsl(12, 87%, 20%);" | | | style="background: hsl(12, 87%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-orange</code> | | <code>color-orange</code> | ||
| 32, 92% | | 32, 92% | ||
| style="background: hsl(32, 92%, 50%);" | | | style="background: hsl(32, 92%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(32, 92%, 70%);" | | | style="background: hsl(32, 92%, 70%);" | | ||
| style="background: hsl(32, 92%, 85%);" | | | style="background: hsl(32, 92%, 85%);" | | ||
| style="background: hsl(32, 92%, 90%);" | | | style="background: hsl(32, 92%, 90%);" | | ||
| + | | style="background: hsl(32, 92%, 40%);" | | ||
| + | | style="background: hsl(32, 92%, 20%);" | | ||
| style="background: hsl(32, 92%, 30%);" | | | style="background: hsl(32, 92%, 30%);" | | ||
| style="background: hsl(32, 92%, 25%);" | | | style="background: hsl(32, 92%, 25%);" | | ||
| style="background: hsl(32, 92%, 20%);" | | | style="background: hsl(32, 92%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-yellow</code> | | <code>color-yellow</code> | ||
| 42, 96% | | 42, 96% | ||
| style="background: hsl(42, 96%, 50%);" | | | style="background: hsl(42, 96%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(42, 96%, 70%);" | | | style="background: hsl(42, 96%, 70%);" | | ||
| style="background: hsl(42, 96%, 85%);" | | | style="background: hsl(42, 96%, 85%);" | | ||
| style="background: hsl(42, 96%, 90%);" | | | style="background: hsl(42, 96%, 90%);" | | ||
| + | | style="background: hsl(42, 96%, 40%);" | | ||
| + | | style="background: hsl(42, 96%, 20%);" | | ||
| style="background: hsl(42, 96%, 30%);" | | | style="background: hsl(42, 96%, 30%);" | | ||
| style="background: hsl(42, 96%, 25%);" | | | style="background: hsl(42, 96%, 25%);" | | ||
| style="background: hsl(42, 96%, 20%);" | | | style="background: hsl(42, 96%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-green</code> | | <code>color-green</code> | ||
|135, 47% | |135, 47% | ||
| style="background: hsl(135, 47%, 50%);" | | | style="background: hsl(135, 47%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(135, 47%, 70%);" | | | style="background: hsl(135, 47%, 70%);" | | ||
| style="background: hsl(135, 47%, 85%);" | | | style="background: hsl(135, 47%, 85%);" | | ||
| style="background: hsl(135, 47%, 90%);" | | | style="background: hsl(135, 47%, 90%);" | | ||
| + | | style="background: hsl(135, 47%, 40%);" | | ||
| + | | style="background: hsl(135, 47%, 20%);" | | ||
| style="background: hsl(135, 47%, 30%);" | | | style="background: hsl(135, 47%, 30%);" | | ||
| style="background: hsl(135, 47%, 25%);" | | | style="background: hsl(135, 47%, 25%);" | | ||
| style="background: hsl(135, 47%, 20%);" | | | style="background: hsl(135, 47%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-aqua</code> | | <code>color-aqua</code> | ||
|196 50% | |196 50% | ||
| style="background: hsl(196 50%, 50%);" | | | style="background: hsl(196 50%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(196 50%, 70%);" | | | style="background: hsl(196 50%, 70%);" | | ||
| style="background: hsl(196 50%, 85%);" | | | style="background: hsl(196 50%, 85%);" | | ||
| style="background: hsl(196 50%, 90%);" | | | style="background: hsl(196 50%, 90%);" | | ||
| + | | style="background: hsl(196 50%, 40%);" | | ||
| + | | style="background: hsl(196 50%, 20%);" | | ||
| style="background: hsl(196 50%, 30%);" | | | style="background: hsl(196 50%, 30%);" | | ||
| style="background: hsl(196 50%, 25%);" | | | style="background: hsl(196 50%, 25%);" | | ||
| style="background: hsl(196 50%, 20%);" | | | style="background: hsl(196 50%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-blue</code> | | <code>color-blue</code> | ||
|197 39% | |197 39% | ||
| style="background: hsl(197 39%, 50%);" | | | style="background: hsl(197 39%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(197 39%, 70%);" | | | style="background: hsl(197 39%, 70%);" | | ||
| style="background: hsl(197 39%, 85%);" | | | style="background: hsl(197 39%, 85%);" | | ||
| style="background: hsl(197 39%, 90%);" | | | style="background: hsl(197 39%, 90%);" | | ||
| + | | style="background: hsl(197 39%, 40%);" | | ||
| + | | style="background: hsl(197 39%, 20%);" | | ||
| style="background: hsl(197 39%, 30%);" | | | style="background: hsl(197 39%, 30%);" | | ||
| style="background: hsl(197 39%, 25%);" | | | style="background: hsl(197 39%, 25%);" | | ||
| style="background: hsl(197 39%, 20%);" | | | style="background: hsl(197 39%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-purple</code> | | <code>color-purple</code> | ||
|331 33% | |331 33% | ||
| style="background: hsl(331 33%, 50%);" | | | style="background: hsl(331 33%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(331 33%, 70%);" | | | style="background: hsl(331 33%, 70%);" | | ||
| style="background: hsl(331 33%, 85%);" | | | style="background: hsl(331 33%, 85%);" | | ||
| style="background: hsl(331 33%, 90%);" | | | style="background: hsl(331 33%, 90%);" | | ||
| + | | style="background: hsl(331 33%, 40%);" | | ||
| + | | style="background: hsl(331 33%, 20%);" | | ||
| style="background: hsl(331 33%, 30%);" | | | style="background: hsl(331 33%, 30%);" | | ||
| style="background: hsl(331 33%, 25%);" | | | style="background: hsl(331 33%, 25%);" | | ||
| style="background: hsl(331 33%, 20%);" | | | style="background: hsl(331 33%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-pink</code> | | <code>color-pink</code> | ||
|11 85% | |11 85% | ||
| style="background: hsl(11 85%, 50%);" | | | style="background: hsl(11 85%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(11 85%, 70%);" | | | style="background: hsl(11 85%, 70%);" | | ||
| style="background: hsl(11 85%, 85%);" | | | style="background: hsl(11 85%, 85%);" | | ||
| style="background: hsl(11 85%, 90%);" | | | style="background: hsl(11 85%, 90%);" | | ||
| + | | style="background: hsl(11 85%, 40%);" | | ||
| + | | style="background: hsl(11 85%, 20%);" | | ||
| style="background: hsl(11 85%, 30%);" | | | style="background: hsl(11 85%, 30%);" | | ||
| style="background: hsl(11 85%, 25%);" | | | style="background: hsl(11 85%, 25%);" | | ||
| style="background: hsl(11 85%, 20%);" | | | style="background: hsl(11 85%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-beige</code> | | <code>color-beige</code> | ||
|50 54% | |50 54% | ||
| style="background: hsl(50 54%, 50%);" | | | style="background: hsl(50 54%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(50 54%, 70%);" | | | style="background: hsl(50 54%, 70%);" | | ||
| style="background: hsl(50 54%, 85%);" | | | style="background: hsl(50 54%, 85%);" | | ||
| style="background: hsl(50 54%, 90%);" | | | style="background: hsl(50 54%, 90%);" | | ||
| + | | style="background: hsl(50 54%, 40%);" | | ||
| + | | style="background: hsl(50 54%, 20%);" | | ||
| style="background: hsl(50 54%, 30%);" | | | style="background: hsl(50 54%, 30%);" | | ||
| style="background: hsl(50 54%, 25%);" | | | style="background: hsl(50 54%, 25%);" | | ||
| style="background: hsl(50 54%, 20%);" | | | style="background: hsl(50 54%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-brown</code> | | <code>color-brown</code> | ||
|11 85% | |11 85% | ||
| style="background: hsl(31 47%, 50%);" | | | style="background: hsl(31 47%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(31 47%, 70%);" | | | style="background: hsl(31 47%, 70%);" | | ||
| style="background: hsl(31 47%, 85%);" | | | style="background: hsl(31 47%, 85%);" | | ||
| style="background: hsl(31 47%, 90%);" | | | style="background: hsl(31 47%, 90%);" | | ||
| + | | style="background: hsl(31 47%, 40%);" | | ||
| + | | style="background: hsl(31 47%, 20%);" | | ||
| style="background: hsl(31 47%, 30%);" | | | style="background: hsl(31 47%, 30%);" | | ||
| style="background: hsl(31 47%, 25%);" | | | style="background: hsl(31 47%, 25%);" | | ||
| style="background: hsl(31 47%, 20%);" | | | style="background: hsl(31 47%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-gray</code> | | <code>color-gray</code> | ||
|0 0% | |0 0% | ||
| style="background: hsl(0 0%, 50%);" | | | style="background: hsl(0 0%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(0 0%, 70%);" | | | style="background: hsl(0 0%, 70%);" | | ||
| style="background: hsl(0 0%, 85%);" | | | style="background: hsl(0 0%, 85%);" | | ||
| style="background: hsl(0 0%, 90%);" | | | style="background: hsl(0 0%, 90%);" | | ||
| + | | style="background: hsl(0 0%, 40%);" | | ||
| + | | style="background: hsl(0 0%, 20%);" | | ||
| style="background: hsl(0 0%, 30%);" | | | style="background: hsl(0 0%, 30%);" | | ||
| style="background: hsl(0 0%, 25%);" | | | style="background: hsl(0 0%, 25%);" | | ||
| style="background: hsl(0 0%, 20%);" | | | style="background: hsl(0 0%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-black</code> | | <code>color-black</code> | ||
|0 0% | |0 0% | ||
| style="background: hsl(0 0%, 50%);" | | | style="background: hsl(0 0%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(0 0%, 40%);" |40% | | style="background: hsl(0 0%, 40%);" |40% | ||
| style="background: hsl(0 0%, 55%);" |55% | | style="background: hsl(0 0%, 55%);" |55% | ||
| style="background: hsl(0 0%, 60%);" |60% | | style="background: hsl(0 0%, 60%);" |60% | ||
| + | | style="background: hsl(0 0%, 40%);" | | ||
| + | | style="background: hsl(0 0%, 20%);" | | ||
| style="background: hsl(0 0%, 30%);" | | | style="background: hsl(0 0%, 30%);" | | ||
| style="background: hsl(0 0%, 25%);" | | | style="background: hsl(0 0%, 25%);" | | ||
| style="background: hsl(0 0%, 20%);" | | | style="background: hsl(0 0%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-white</code> | | <code>color-white</code> | ||
|0 0% | |0 0% | ||
| style="background: hsl(0 0%, 50%);" | | | style="background: hsl(0 0%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(0 0%, 85%);" |85% | | style="background: hsl(0 0%, 85%);" |85% | ||
| style="background: hsl(0 0%, 89%);" |89% | | style="background: hsl(0 0%, 89%);" |89% | ||
| style="background: hsl(0 0%, 92%);" |92% | | style="background: hsl(0 0%, 92%);" |92% | ||
| + | | style="background: hsl(0 0%, 40%);" | | ||
| + | | style="background: hsl(0 0%, 20%);" | | ||
| style="background: hsl(0 0%, 30%);" | | | style="background: hsl(0 0%, 30%);" | | ||
| style="background: hsl(0 0%, 25%);" | | | style="background: hsl(0 0%, 25%);" | | ||
| style="background: hsl(0 0%, 20%);" | | | style="background: hsl(0 0%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| − | ! colspan= | + | ! colspan=13 | Theme |
|- | |- | ||
| <code>color-civic</code> | | <code>color-civic</code> | ||
|234 50% | |234 50% | ||
| style="background: hsl(234 50%, 50%);" | | | style="background: hsl(234 50%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(234 50%, 70%);" | | | style="background: hsl(234 50%, 70%);" | | ||
| style="background: hsl(234 50%, 85%);" | | | style="background: hsl(234 50%, 85%);" | | ||
| style="background: hsl(234 50%, 90%);" | | | style="background: hsl(234 50%, 90%);" | | ||
| + | | style="background: hsl(234 50%, 40%);" | | ||
| + | | style="background: hsl(234 50%, 20%);" | | ||
| style="background: hsl(234 50%, 30%);" | | | style="background: hsl(234 50%, 30%);" | | ||
| style="background: hsl(234 50%, 25%);" | | | style="background: hsl(234 50%, 25%);" | | ||
| style="background: hsl(234 50%, 20%);" | | | style="background: hsl(234 50%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-cool</code> | | <code>color-cool</code> | ||
|208 96% | |208 96% | ||
| style="background: hsl(208 96%, 50%);" | | | style="background: hsl(208 96%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(208 96%, 70%);" | | | style="background: hsl(208 96%, 70%);" | | ||
| style="background: hsl(208 96%, 85%);" | | | style="background: hsl(208 96%, 85%);" | | ||
| style="background: hsl(208 96%, 90%);" | | | style="background: hsl(208 96%, 90%);" | | ||
| + | | style="background: hsl(208 96%, 40%);" | | ||
| + | | style="background: hsl(208 96%, 20%);" | | ||
| style="background: hsl(208 96%, 30%);" | | | style="background: hsl(208 96%, 30%);" | | ||
| style="background: hsl(208 96%, 25%);" | | | style="background: hsl(208 96%, 25%);" | | ||
| style="background: hsl(208 96%, 20%);" | | | style="background: hsl(208 96%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-cute</code> | | <code>color-cute</code> | ||
|345 70% | |345 70% | ||
| style="background: hsl(345 70%, 50%);" | | | style="background: hsl(345 70%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(345 70%, 70%);" | | | style="background: hsl(345 70%, 70%);" | | ||
| style="background: hsl(345 70%, 85%);" | | | style="background: hsl(345 70%, 85%);" | | ||
| style="background: hsl(345 70%, 90%);" | | | style="background: hsl(345 70%, 90%);" | | ||
| + | | style="background: hsl(345 70%, 40%);" | | ||
| + | | style="background: hsl(345 70%, 20%);" | | ||
| style="background: hsl(345 70%, 30%);" | | | style="background: hsl(345 70%, 30%);" | | ||
| style="background: hsl(345 70%, 25%);" | | | style="background: hsl(345 70%, 25%);" | | ||
| style="background: hsl(345 70%, 20%);" | | | style="background: hsl(345 70%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-elegant</code> | | <code>color-elegant</code> | ||
|282 63% | |282 63% | ||
| style="background: hsl(282 63%, 50%);" | | | style="background: hsl(282 63%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(282 63%, 70%);" | | | style="background: hsl(282 63%, 70%);" | | ||
| style="background: hsl(282 63%, 85%);" | | | style="background: hsl(282 63%, 85%);" | | ||
| style="background: hsl(282 63%, 90%);" | | | style="background: hsl(282 63%, 90%);" | | ||
| + | | style="background: hsl(282 63%, 40%);" | | ||
| + | | style="background: hsl(282 63%, 20%);" | | ||
| style="background: hsl(282 63%, 30%);" | | | style="background: hsl(282 63%, 30%);" | | ||
| style="background: hsl(282 63%, 25%);" | | | style="background: hsl(282 63%, 25%);" | | ||
| style="background: hsl(282 63%, 20%);" | | | style="background: hsl(282 63%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-harmonious</code> | | <code>color-harmonious</code> | ||
|12 74% | |12 74% | ||
| style="background: hsl(12 74%, 50%);" | | | style="background: hsl(12 74%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(12 74%, 70%);" | | | style="background: hsl(12 74%, 70%);" | | ||
| style="background: hsl(12 74%, 85%);" | | | style="background: hsl(12 74%, 85%);" | | ||
| style="background: hsl(12 74%, 90%);" | | | style="background: hsl(12 74%, 90%);" | | ||
| + | | style="background: hsl(12 74%, 40%);" | | ||
| + | | style="background: hsl(12 74%, 20%);" | | ||
| style="background: hsl(12 74%, 30%);" | | | style="background: hsl(12 74%, 30%);" | | ||
| style="background: hsl(12 74%, 25%);" | | | style="background: hsl(12 74%, 25%);" | | ||
| style="background: hsl(12 74%, 20%);" | | | style="background: hsl(12 74%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-hip</code> | | <code>color-hip</code> | ||
|30 90% | |30 90% | ||
| style="background: hsl(30 90%, 50%);" | | | style="background: hsl(30 90%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(30 90%, 70%);" | | | style="background: hsl(30 90%, 70%);" | | ||
| style="background: hsl(30 90%, 85%);" | | | style="background: hsl(30 90%, 85%);" | | ||
| style="background: hsl(30 90%, 90%);" | | | style="background: hsl(30 90%, 90%);" | | ||
| + | | style="background: hsl(30 90%, 40%);" | | ||
| + | | style="background: hsl(30 90%, 20%);" | | ||
| style="background: hsl(30 90%, 30%);" | | | style="background: hsl(30 90%, 30%);" | | ||
| style="background: hsl(30 90%, 25%);" | | | style="background: hsl(30 90%, 25%);" | | ||
| style="background: hsl(30 90%, 20%);" | | | style="background: hsl(30 90%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-historical</code> | | <code>color-historical</code> | ||
|341 45% | |341 45% | ||
| style="background: hsl(341 45%, 50%);" | | | style="background: hsl(341 45%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(341 45%, 70%);" | | | style="background: hsl(341 45%, 70%);" | | ||
| style="background: hsl(341 45%, 85%);" | | | style="background: hsl(341 45%, 85%);" | | ||
| style="background: hsl(341 45%, 90%);" | | | style="background: hsl(341 45%, 90%);" | | ||
| + | | style="background: hsl(341 45%, 40%);" | | ||
| + | | style="background: hsl(341 45%, 20%);" | | ||
| style="background: hsl(341 45%, 30%);" | | | style="background: hsl(341 45%, 30%);" | | ||
| style="background: hsl(341 45%, 25%);" | | | style="background: hsl(341 45%, 25%);" | | ||
| style="background: hsl(341 45%, 20%);" | | | style="background: hsl(341 45%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-modern</code> | | <code>color-modern</code> | ||
|12 74% | |12 74% | ||
| style="background: hsl(177 58%, 50%);" | | | style="background: hsl(177 58%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(177 58%, 70%);" | | | style="background: hsl(177 58%, 70%);" | | ||
| style="background: hsl(177 58%, 85%);" | | | style="background: hsl(177 58%, 85%);" | | ||
| style="background: hsl(177 58%, 90%);" | | | style="background: hsl(177 58%, 90%);" | | ||
| + | | style="background: hsl(177 58%, 40%);" | | ||
| + | | style="background: hsl(177 58%, 20%);" | | ||
| style="background: hsl(177 58%, 30%);" | | | style="background: hsl(177 58%, 30%);" | | ||
| style="background: hsl(177 58%, 25%);" | | | style="background: hsl(177 58%, 25%);" | | ||
| style="background: hsl(177 58%, 20%);" | | | style="background: hsl(177 58%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-natural</code> | | <code>color-natural</code> | ||
|44 96% | |44 96% | ||
| style="background: hsl(44 96%, 50%);" | | | style="background: hsl(44 96%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(44 96%, 70%);" | | | style="background: hsl(44 96%, 70%);" | | ||
| style="background: hsl(44 96%, 85%);" | | | style="background: hsl(44 96%, 85%);" | | ||
| style="background: hsl(44 96%, 90%);" | | | style="background: hsl(44 96%, 90%);" | | ||
| + | | style="background: hsl(44 96%, 40%);" | | ||
| + | | style="background: hsl(44 96%, 20%);" | | ||
| style="background: hsl(44 96%, 30%);" | | | style="background: hsl(44 96%, 30%);" | | ||
| style="background: hsl(44 96%, 25%);" | | | style="background: hsl(44 96%, 25%);" | | ||
| style="background: hsl(44 96%, 20%);" | | | style="background: hsl(44 96%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-rustic</code> | | <code>color-rustic</code> | ||
|71 98% | |71 98% | ||
| style="background: hsl(71 98%, 50%);" | | | style="background: hsl(71 98%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(71 98%, 70%);" | | | style="background: hsl(71 98%, 70%);" | | ||
| style="background: hsl(71 98%, 85%);" | | | style="background: hsl(71 98%, 85%);" | | ||
| style="background: hsl(71 98%, 90%);" | | | style="background: hsl(71 98%, 90%);" | | ||
| + | | style="background: hsl(71 98%, 40%);" | | ||
| + | | style="background: hsl(71 98%, 20%);" | | ||
| style="background: hsl(71 98%, 30%);" | | | style="background: hsl(71 98%, 30%);" | | ||
| style="background: hsl(71 98%, 25%);" | | | style="background: hsl(71 98%, 25%);" | | ||
| style="background: hsl(71 98%, 20%);" | | | style="background: hsl(71 98%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-sporty</code> | | <code>color-sporty</code> | ||
|161 93% | |161 93% | ||
| style="background: hsl(161 93%, 50%);" | | | style="background: hsl(161 93%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(161 93%, 70%);" | | | style="background: hsl(161 93%, 70%);" | | ||
| style="background: hsl(161 93%, 85%);" | | | style="background: hsl(161 93%, 85%);" | | ||
| style="background: hsl(161 93%, 90%);" | | | style="background: hsl(161 93%, 90%);" | | ||
| + | | style="background: hsl(161 93%, 40%);" | | ||
| + | | style="background: hsl(161 93%, 20%);" | | ||
| style="background: hsl(161 93%, 30%);" | | | style="background: hsl(161 93%, 30%);" | | ||
| style="background: hsl(161 93%, 25%);" | | | style="background: hsl(161 93%, 25%);" | | ||
| style="background: hsl(161 93%, 20%);" | | | style="background: hsl(161 93%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-generic</code> | | <code>color-generic</code> | ||
|0 0% | |0 0% | ||
| style="background: hsl(0 0%, 50%);" | | | style="background: hsl(0 0%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(0 0%, 70%);" | | | style="background: hsl(0 0%, 70%);" | | ||
| style="background: hsl(0 0%, 85%);" | | | style="background: hsl(0 0%, 85%);" | | ||
| style="background: hsl(0 0%, 90%);" | | | style="background: hsl(0 0%, 90%);" | | ||
| + | | style="background: hsl(0 0%, 40%);" | | ||
| + | | style="background: hsl(0 0%, 20%);" | | ||
| style="background: hsl(0 0%, 30%);" | | | style="background: hsl(0 0%, 30%);" | | ||
| style="background: hsl(0 0%, 25%);" | | | style="background: hsl(0 0%, 25%);" | | ||
| style="background: hsl(0 0%, 20%);" | | | style="background: hsl(0 0%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-special</code> | | <code>color-special</code> | ||
|53 100% | |53 100% | ||
| style="background: hsl(53 100%, 50%);" | | | style="background: hsl(53 100%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(53 100%, 70%);" | | | style="background: hsl(53 100%, 70%);" | | ||
| style="background: hsl(53 100%, 85%);" | | | style="background: hsl(53 100%, 85%);" | | ||
| style="background: hsl(53 100%, 90%);" | | | style="background: hsl(53 100%, 90%);" | | ||
| + | | style="background: hsl(53 100%, 40%);" | | ||
| + | | style="background: hsl(53 100%, 20%);" | | ||
| style="background: hsl(53 100%, 30%);" | | | style="background: hsl(53 100%, 30%);" | | ||
| style="background: hsl(53 100%, 25%);" | | | style="background: hsl(53 100%, 25%);" | | ||
| style="background: hsl(53 100%, 20%);" | | | style="background: hsl(53 100%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| − | ! colspan= | + | ! colspan=13 | Category |
|- | |- | ||
| <code>color-art</code> | | <code>color-art</code> | ||
|23 61% | |23 61% | ||
| style="background: hsl(23 61%, 50%);" | | | style="background: hsl(23 61%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(23 61%, 70%);" | | | style="background: hsl(23 61%, 70%);" | | ||
| style="background: hsl(23 61%, 85%);" | | | style="background: hsl(23 61%, 85%);" | | ||
| style="background: hsl(23 61%, 90%);" | | | style="background: hsl(23 61%, 90%);" | | ||
| + | | style="background: hsl(23 61%, 40%);" | | ||
| + | | style="background: hsl(23 61%, 20%);" | | ||
| style="background: hsl(23 61%, 30%);" | | | style="background: hsl(23 61%, 30%);" | | ||
| style="background: hsl(23 61%, 25%);" | | | style="background: hsl(23 61%, 25%);" | | ||
| style="background: hsl(23 61%, 20%);" | | | style="background: hsl(23 61%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-bug</code> | | <code>color-bug</code> | ||
|78 76% | |78 76% | ||
| style="background: hsl(78 76%, 50%);" | | | style="background: hsl(78 76%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(78 76%, 70%);" | | | style="background: hsl(78 76%, 70%);" | | ||
| style="background: hsl(78 76%, 85%);" | | | style="background: hsl(78 76%, 85%);" | | ||
| style="background: hsl(78 76%, 90%);" | | | style="background: hsl(78 76%, 90%);" | | ||
| + | | style="background: hsl(78 76%, 40%);" | | ||
| + | | style="background: hsl(78 76%, 20%);" | | ||
| style="background: hsl(78 76%, 30%);" | | | style="background: hsl(78 76%, 30%);" | | ||
| style="background: hsl(78 76%, 25%);" | | | style="background: hsl(78 76%, 25%);" | | ||
| style="background: hsl(78 76%, 20%);" | | | style="background: hsl(78 76%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-design</code> | | <code>color-design</code> | ||
|353 72% | |353 72% | ||
| style="background: hsl(353 72%, 50%);" | | | style="background: hsl(353 72%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(353 72%, 70%);" | | | style="background: hsl(353 72%, 70%);" | | ||
| style="background: hsl(353 72%, 85%);" | | | style="background: hsl(353 72%, 85%);" | | ||
| style="background: hsl(353 72%, 90%);" | | | style="background: hsl(353 72%, 90%);" | | ||
| + | | style="background: hsl(353 72%, 40%);" | | ||
| + | | style="background: hsl(353 72%, 20%);" | | ||
| style="background: hsl(353 72%, 30%);" | | | style="background: hsl(353 72%, 30%);" | | ||
| style="background: hsl(353 72%, 25%);" | | | style="background: hsl(353 72%, 25%);" | | ||
| style="background: hsl(353 72%, 20%);" | | | style="background: hsl(353 72%, 20%);" | | ||
| + | | | ||
| + | | | ||
| + | |- | ||
| + | | <code>color-ereader</code> | ||
| + | |194 84% | ||
| + | | style="background: hsl(194 84%, 50%);" | | ||
| + | | style="background: hsl(194 84%, 70%);" | | ||
| + | | style="background: hsl(194 84%, 85%);" | | ||
| + | | style="background: hsl(194 84%, 90%);" | | ||
| + | | style="background: hsl(194 84%, 40%);" | | ||
| + | | style="background: hsl(194 84%, 20%);" | | ||
| + | | style="background: hsl(194 84%, 30%);" | | ||
| + | | style="background: hsl(194 84%, 25%);" | | ||
| + | | style="background: hsl(194 84%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-event</code> | | <code>color-event</code> | ||
|215 100% | |215 100% | ||
| style="background: hsl(215 100%, 50%);" | | | style="background: hsl(215 100%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(215 100%, 70%);" | | | style="background: hsl(215 100%, 70%);" | | ||
| style="background: hsl(215 100%, 85%);" | | | style="background: hsl(215 100%, 85%);" | | ||
| style="background: hsl(215 100%, 90%);" | | | style="background: hsl(215 100%, 90%);" | | ||
| + | | style="background: hsl(215 100%, 40%);" | | ||
| + | | style="background: hsl(215 100%, 20%);" | | ||
| style="background: hsl(215 100%, 30%);" | | | style="background: hsl(215 100%, 30%);" | | ||
| style="background: hsl(215 100%, 25%);" | | | style="background: hsl(215 100%, 25%);" | | ||
| style="background: hsl(215 100%, 20%);" | | | style="background: hsl(215 100%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-fashion</code> | | <code>color-fashion</code> | ||
|322 49% (pri)<br>320 45% (sub) | |322 49% (pri)<br>320 45% (sub) | ||
| style="background: hsl(322 49%, 50%);" | | | style="background: hsl(322 49%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(322 49%, 70%);" | | | style="background: hsl(322 49%, 70%);" | | ||
| style="background: hsl(320 45%, 85%);" | | | style="background: hsl(320 45%, 85%);" | | ||
| style="background: hsl(320 45%, 90%);" | | | style="background: hsl(320 45%, 90%);" | | ||
| + | | style="background: hsl(322 49%, 40%);" | | ||
| + | | style="background: hsl(322 49%, 20%);" | | ||
| style="background: hsl(322 49%, 30%);" | | | style="background: hsl(322 49%, 30%);" | | ||
| style="background: hsl(320 45%, 25%);" | | | style="background: hsl(320 45%, 25%);" | | ||
| style="background: hsl(320 45%, 20%);" | | | style="background: hsl(320 45%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-film</code> | | <code>color-film</code> | ||
|318 69% | |318 69% | ||
| style="background: hsl(318 69%, 50%);" | | | style="background: hsl(318 69%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(318 69%, 70%);" | | | style="background: hsl(318 69%, 70%);" | | ||
| style="background: hsl(318 69%, 85%);" | | | style="background: hsl(318 69%, 85%);" | | ||
| style="background: hsl(318 69%, 90%);" | | | style="background: hsl(318 69%, 90%);" | | ||
| + | | style="background: hsl(318 69%, 40%);" | | ||
| + | | style="background: hsl(318 69%, 20%);" | | ||
| style="background: hsl(318 69%, 30%);" | | | style="background: hsl(318 69%, 30%);" | | ||
| style="background: hsl(318 69%, 25%);" | | | style="background: hsl(318 69%, 25%);" | | ||
| style="background: hsl(318 69%, 20%);" | | | style="background: hsl(318 69%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-fish</code> | | <code>color-fish</code> | ||
|200 100% | |200 100% | ||
| style="background: hsl(200 100%, 50%);" | | | style="background: hsl(200 100%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(200 100%, 70%);" | | | style="background: hsl(200 100%, 70%);" | | ||
| style="background: hsl(200 100%, 85%);" | | | style="background: hsl(200 100%, 85%);" | | ||
| style="background: hsl(200 100%, 90%);" | | | style="background: hsl(200 100%, 90%);" | | ||
| + | | style="background: hsl(200 100%, 40%);" | | ||
| + | | style="background: hsl(200 100%, 20%);" | | ||
| style="background: hsl(200 100%, 30%);" | | | style="background: hsl(200 100%, 30%);" | | ||
| style="background: hsl(200 100%, 25%);" | | | style="background: hsl(200 100%, 25%);" | | ||
| style="background: hsl(200 100%, 20%);" | | | style="background: hsl(200 100%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-flora</code> | | <code>color-flora</code> | ||
|350 100% (light)<br>345 60% (dark) | |350 100% (light)<br>345 60% (dark) | ||
| style="background: hsl(350 100%, 50%);" | | | style="background: hsl(350 100%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(350 100%, 84%); color: black;" |84% | | style="background: hsl(350 100%, 84%); color: black;" |84% | ||
| style="background: hsl(350 100%, 93%); color: black;" |93% | | style="background: hsl(350 100%, 93%); color: black;" |93% | ||
| style="background: hsl(350 100%, 96%); color: black;" |96% | | style="background: hsl(350 100%, 96%); color: black;" |96% | ||
| + | | style="background: hsl(350 100%, 40%);" | | ||
| + | | style="background: hsl(350 100%, 20%);" | | ||
| style="background: hsl(345 60%, 40%); color: black;" |40% | | style="background: hsl(345 60%, 40%); color: black;" |40% | ||
| style="background: hsl(345 60%, 35%); color: black;" |35% | | style="background: hsl(345 60%, 35%); color: black;" |35% | ||
| style="background: hsl(345 60%, 30%); color: black;" |30% | | style="background: hsl(345 60%, 30%); color: black;" |30% | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-fossil</code> | | <code>color-fossil</code> | ||
|43 74% | |43 74% | ||
| style="background: hsl(43 74%, 50%);" | | | style="background: hsl(43 74%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(43 74%, 70%);" | | | style="background: hsl(43 74%, 70%);" | | ||
| style="background: hsl(43 74%, 85%);" | | | style="background: hsl(43 74%, 85%);" | | ||
| style="background: hsl(43 74%, 90%);" | | | style="background: hsl(43 74%, 90%);" | | ||
| + | | style="background: hsl(43 74%, 40%);" | | ||
| + | | style="background: hsl(43 74%, 20%);" | | ||
| style="background: hsl(43 74%, 30%);" | | | style="background: hsl(43 74%, 30%);" | | ||
| style="background: hsl(43 74%, 25%);" | | | style="background: hsl(43 74%, 25%);" | | ||
| style="background: hsl(43 74%, 20%);" | | | style="background: hsl(43 74%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-furniture</code> | | <code>color-furniture</code> | ||
|106 50% | |106 50% | ||
| style="background: hsl(106 50%, 50%);" | | | style="background: hsl(106 50%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(106 50%, 70%);" | | | style="background: hsl(106 50%, 70%);" | | ||
| style="background: hsl(106 50%, 85%);" | | | style="background: hsl(106 50%, 85%);" | | ||
| style="background: hsl(106 50%, 90%);" | | | style="background: hsl(106 50%, 90%);" | | ||
| + | | style="background: hsl(106 50%, 40%);" | | ||
| + | | style="background: hsl(106 50%, 20%);" | | ||
| style="background: hsl(106 50%, 30%);" | | | style="background: hsl(106 50%, 30%);" | | ||
| style="background: hsl(106 50%, 25%);" | | | style="background: hsl(106 50%, 25%);" | | ||
| style="background: hsl(106 50%, 20%);" | | | style="background: hsl(106 50%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-gameplay</code> | | <code>color-gameplay</code> | ||
|163 58% (pri)<br>160 61% (sub) | |163 58% (pri)<br>160 61% (sub) | ||
| style="background: hsl(163 58%, 50%);" | | | style="background: hsl(163 58%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(163 58%, 70%);" | | | style="background: hsl(163 58%, 70%);" | | ||
| style="background: hsl(160 61%, 85%);" | | | style="background: hsl(160 61%, 85%);" | | ||
| style="background: hsl(160 61%, 90%);" | | | style="background: hsl(160 61%, 90%);" | | ||
| + | | style="background: hsl(163 58%, 40%);" | | ||
| + | | style="background: hsl(163 58%, 20%);" | | ||
| style="background: hsl(163 58%, 30%);" | | | style="background: hsl(163 58%, 30%);" | | ||
| style="background: hsl(160 61%, 25%);" | | | style="background: hsl(160 61%, 25%);" | | ||
| style="background: hsl(160 61%, 20%);" | | | style="background: hsl(160 61%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-geography</code> | | <code>color-geography</code> | ||
|120 50% | |120 50% | ||
| style="background: hsl(120 50%, 50%);" | | | style="background: hsl(120 50%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(120 50%, 70%);" | | | style="background: hsl(120 50%, 70%);" | | ||
| style="background: hsl(120 50%, 85%);" | | | style="background: hsl(120 50%, 85%);" | | ||
| style="background: hsl(120 50%, 90%);" | | | style="background: hsl(120 50%, 90%);" | | ||
| + | | style="background: hsl(120 50%, 40%);" | | ||
| + | | style="background: hsl(120 50%, 20%);" | | ||
| style="background: hsl(120 50%, 30%);" | | | style="background: hsl(120 50%, 30%);" | | ||
| style="background: hsl(120 50%, 25%);" | | | style="background: hsl(120 50%, 25%);" | | ||
| style="background: hsl(120 50%, 20%);" | | | style="background: hsl(120 50%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-image</code> | | <code>color-image</code> | ||
|269 74% | |269 74% | ||
| style="background: hsl(269 74%, 50%);" | | | style="background: hsl(269 74%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(269 74%, 70%);" | | | style="background: hsl(269 74%, 70%);" | | ||
| style="background: hsl(269 74%, 85%);" | | | style="background: hsl(269 74%, 85%);" | | ||
| style="background: hsl(269 74%, 90%);" | | | style="background: hsl(269 74%, 90%);" | | ||
| + | | style="background: hsl(269 74%, 40%);" | | ||
| + | | style="background: hsl(269 74%, 20%);" | | ||
| style="background: hsl(269 74%, 30%);" | | | style="background: hsl(269 74%, 30%);" | | ||
| style="background: hsl(269 74%, 25%);" | | | style="background: hsl(269 74%, 25%);" | | ||
| style="background: hsl(269 74%, 20%);" | | | style="background: hsl(269 74%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-islander</code> | | <code>color-islander</code> | ||
|45 75% | |45 75% | ||
| style="background: hsl(45 75%, 50%);" | | | style="background: hsl(45 75%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(45 75%, 70%);" | | | style="background: hsl(45 75%, 70%);" | | ||
| style="background: hsl(45 75%, 85%);" | | | style="background: hsl(45 75%, 85%);" | | ||
| style="background: hsl(45 75%, 90%);" | | | style="background: hsl(45 75%, 90%);" | | ||
| + | | style="background: hsl(45 75%, 40%);" | | ||
| + | | style="background: hsl(45 75%, 20%);" | | ||
| style="background: hsl(45 75%, 30%);" | | | style="background: hsl(45 75%, 30%);" | | ||
| style="background: hsl(45 75%, 25%);" | | | style="background: hsl(45 75%, 25%);" | | ||
| style="background: hsl(45 75%, 20%);" | | | style="background: hsl(45 75%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-item</code> | | <code>color-item</code> | ||
|50 95% | |50 95% | ||
| style="background: hsl(50 95%, 50%);" | | | style="background: hsl(50 95%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(50 95%, 70%);" | | | style="background: hsl(50 95%, 70%);" | | ||
| style="background: hsl(50 95%, 85%);" | | | style="background: hsl(50 95%, 85%);" | | ||
| style="background: hsl(50 95%, 90%);" | | | style="background: hsl(50 95%, 90%);" | | ||
| + | | style="background: hsl(50 95%, 40%);" | | ||
| + | | style="background: hsl(50 95%, 20%);" | | ||
| style="background: hsl(50 95%, 30%);" | | | style="background: hsl(50 95%, 30%);" | | ||
| style="background: hsl(50 95%, 25%);" | | | style="background: hsl(50 95%, 25%);" | | ||
| style="background: hsl(50 95%, 20%);" | | | style="background: hsl(50 95%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-location</code> | | <code>color-location</code> | ||
|146 42% | |146 42% | ||
| style="background: hsl(146 42%, 50%);" | | | style="background: hsl(146 42%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(146 42%, 70%);" | | | style="background: hsl(146 42%, 70%);" | | ||
| style="background: hsl(146 42%, 85%);" | | | style="background: hsl(146 42%, 85%);" | | ||
| style="background: hsl(146 42%, 90%);" | | | style="background: hsl(146 42%, 90%);" | | ||
| + | | style="background: hsl(146 42%, 40%);" | | ||
| + | | style="background: hsl(146 42%, 20%);" | | ||
| style="background: hsl(146 42%, 30%);" | | | style="background: hsl(146 42%, 30%);" | | ||
| style="background: hsl(146 42%, 25%);" | | | style="background: hsl(146 42%, 25%);" | | ||
| style="background: hsl(146 42%, 20%);" | | | style="background: hsl(146 42%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-manga</code> | | <code>color-manga</code> | ||
|318 34% | |318 34% | ||
| style="background: hsl(318 34%, 50%);" | | | style="background: hsl(318 34%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(318 34%, 70%);" | | | style="background: hsl(318 34%, 70%);" | | ||
| style="background: hsl(318 34%, 85%);" | | | style="background: hsl(318 34%, 85%);" | | ||
| style="background: hsl(318 34%, 90%);" | | | style="background: hsl(318 34%, 90%);" | | ||
| + | | style="background: hsl(318 34%, 40%);" | | ||
| + | | style="background: hsl(318 34%, 20%);" | | ||
| style="background: hsl(318 34%, 30%);" | | | style="background: hsl(318 34%, 30%);" | | ||
| style="background: hsl(318 34%, 25%);" | | | style="background: hsl(318 34%, 25%);" | | ||
| style="background: hsl(318 34%, 20%);" | | | style="background: hsl(318 34%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-merchandise</code> | | <code>color-merchandise</code> | ||
|193 53% | |193 53% | ||
| style="background: hsl(193 53%, 50%);" | | | style="background: hsl(193 53%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(193 53%, 70%);" | | | style="background: hsl(193 53%, 70%);" | | ||
| style="background: hsl(193 53%, 85%);" | | | style="background: hsl(193 53%, 85%);" | | ||
| style="background: hsl(193 53%, 90%);" | | | style="background: hsl(193 53%, 90%);" | | ||
| + | | style="background: hsl(193 53%, 40%);" | | ||
| + | | style="background: hsl(193 53%, 20%);" | | ||
| style="background: hsl(193 53%, 30%);" | | | style="background: hsl(193 53%, 30%);" | | ||
| style="background: hsl(193 53%, 25%);" | | | style="background: hsl(193 53%, 25%);" | | ||
| style="background: hsl(193 53%, 20%);" | | | style="background: hsl(193 53%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-minigame</code> | | <code>color-minigame</code> | ||
|782 75% | |782 75% | ||
| style="background: hsl(782 75%, 50%);" | | | style="background: hsl(782 75%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(782 75%, 70%);" | | | style="background: hsl(782 75%, 70%);" | | ||
| style="background: hsl(782 75%, 85%);" | | | style="background: hsl(782 75%, 85%);" | | ||
| style="background: hsl(782 75%, 90%);" | | | style="background: hsl(782 75%, 90%);" | | ||
| + | | style="background: hsl(782 75%, 40%);" | | ||
| + | | style="background: hsl(782 75%, 20%);" | | ||
| style="background: hsl(782 75%, 30%);" | | | style="background: hsl(782 75%, 30%);" | | ||
| style="background: hsl(782 75%, 25%);" | | | style="background: hsl(782 75%, 25%);" | | ||
| style="background: hsl(782 75%, 20%);" | | | style="background: hsl(782 75%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-museum</code> | | <code>color-museum</code> | ||
|60 31% | |60 31% | ||
| style="background: hsl(60 31%, 50%);" | | | style="background: hsl(60 31%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(60 31%, 70%);" | | | style="background: hsl(60 31%, 70%);" | | ||
| style="background: hsl(60 31%, 85%);" | | | style="background: hsl(60 31%, 85%);" | | ||
| style="background: hsl(60 31%, 90%);" | | | style="background: hsl(60 31%, 90%);" | | ||
| + | | style="background: hsl(60 31%, 40%);" | | ||
| + | | style="background: hsl(60 31%, 20%);" | | ||
| style="background: hsl(60 31%, 30%);" | | | style="background: hsl(60 31%, 30%);" | | ||
| style="background: hsl(60 31%, 25%);" | | | style="background: hsl(60 31%, 25%);" | | ||
| style="background: hsl(60 31%, 20%);" | | | style="background: hsl(60 31%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-music</code> | | <code>color-music</code> | ||
|0 59% | |0 59% | ||
| style="background: hsl(0 59%, 50%);" | | | style="background: hsl(0 59%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(0 59%, 70%);" | | | style="background: hsl(0 59%, 70%);" | | ||
| style="background: hsl(0 59%, 85%);" | | | style="background: hsl(0 59%, 85%);" | | ||
| style="background: hsl(0 59%, 90%);" | | | style="background: hsl(0 59%, 90%);" | | ||
| + | | style="background: hsl(0 59%, 40%);" | | ||
| + | | style="background: hsl(0 59%, 20%);" | | ||
| style="background: hsl(0 59%, 30%);" | | | style="background: hsl(0 59%, 30%);" | | ||
| style="background: hsl(0 59%, 25%);" | | | style="background: hsl(0 59%, 25%);" | | ||
| style="background: hsl(0 59%, 20%);" | | | style="background: hsl(0 59%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-nookipedia</code> | | <code>color-nookipedia</code> | ||
|99 45% | |99 45% | ||
| style="background: hsl(99 45%, 50%);" | | | style="background: hsl(99 45%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(99 45%, 70%);" | | | style="background: hsl(99 45%, 70%);" | | ||
| style="background: hsl(99 45%, 85%);" | | | style="background: hsl(99 45%, 85%);" | | ||
| style="background: hsl(99 45%, 90%);" | | | style="background: hsl(99 45%, 90%);" | | ||
| + | | style="background: hsl(99 45%, 40%);" | | ||
| + | | style="background: hsl(99 45%, 20%);" | | ||
| style="background: hsl(99 45%, 30%);" | | | style="background: hsl(99 45%, 30%);" | | ||
| style="background: hsl(99 45%, 25%);" | | | style="background: hsl(99 45%, 25%);" | | ||
| style="background: hsl(99 45%, 20%);" | | | style="background: hsl(99 45%, 20%);" | | ||
| + | | | ||
| + | | | ||
| + | |- | ||
| + | | <code>color-pccreature</code> | ||
| + | |234 44% | ||
| + | | style="background: hsl(234 44%, 50%);" | | ||
| + | | style="background: hsl(234 44%, 70%);" | | ||
| + | | style="background: hsl(234 44%, 85%);" | | ||
| + | | style="background: hsl(234 44%, 90%);" | | ||
| + | | style="background: hsl(234 44%, 40%);" | | ||
| + | | style="background: hsl(234 44%, 20%);" | | ||
| + | | style="background: hsl(234 44%, 30%);" | | ||
| + | | style="background: hsl(234 44%, 25%);" | | ||
| + | | style="background: hsl(234 44%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-publication</code> | | <code>color-publication</code> | ||
|248 53% | |248 53% | ||
| style="background: hsl(248 53%, 50%);" | | | style="background: hsl(248 53%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(248 53%, 70%);" | | | style="background: hsl(248 53%, 70%);" | | ||
| style="background: hsl(248 53%, 85%);" | | | style="background: hsl(248 53%, 85%);" | | ||
| style="background: hsl(248 53%, 90%);" | | | style="background: hsl(248 53%, 90%);" | | ||
| + | | style="background: hsl(248 53%, 40%);" | | ||
| + | | style="background: hsl(248 53%, 20%);" | | ||
| style="background: hsl(248 53%, 30%);" | | | style="background: hsl(248 53%, 30%);" | | ||
| style="background: hsl(248 53%, 25%);" | | | style="background: hsl(248 53%, 25%);" | | ||
| style="background: hsl(248 53%, 20%);" | | | style="background: hsl(248 53%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-reaction</code> | | <code>color-reaction</code> | ||
|277 57% | |277 57% | ||
| style="background: hsl(277 57%, 50%);" | | | style="background: hsl(277 57%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(277 57%, 70%);" | | | style="background: hsl(277 57%, 70%);" | | ||
| style="background: hsl(277 57%, 85%);" | | | style="background: hsl(277 57%, 85%);" | | ||
| style="background: hsl(277 57%, 90%);" | | | style="background: hsl(277 57%, 90%);" | | ||
| + | | style="background: hsl(277 57%, 40%);" | | ||
| + | | style="background: hsl(277 57%, 20%);" | | ||
| style="background: hsl(277 57%, 30%);" | | | style="background: hsl(277 57%, 30%);" | | ||
| style="background: hsl(277 57%, 25%);" | | | style="background: hsl(277 57%, 25%);" | | ||
| style="background: hsl(277 57%, 20%);" | | | style="background: hsl(277 57%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-realworld</code> | | <code>color-realworld</code> | ||
|60 20% | |60 20% | ||
| style="background: hsl(60 20%, 50%);" | | | style="background: hsl(60 20%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(60 20%, 70%);" | | | style="background: hsl(60 20%, 70%);" | | ||
| style="background: hsl(60 20%, 85%);" | | | style="background: hsl(60 20%, 85%);" | | ||
| style="background: hsl(60 20%, 90%);" | | | style="background: hsl(60 20%, 90%);" | | ||
| + | | style="background: hsl(60 20%, 40%);" | | ||
| + | | style="background: hsl(60 20%, 20%);" | | ||
| style="background: hsl(60 20%, 30%);" | | | style="background: hsl(60 20%, 30%);" | | ||
| style="background: hsl(60 20%, 25%);" | | | style="background: hsl(60 20%, 25%);" | | ||
| style="background: hsl(60 20%, 20%);" | | | style="background: hsl(60 20%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-seacreature</code> | | <code>color-seacreature</code> | ||
|215 100% | |215 100% | ||
| style="background: hsl(215 100%, 50%);" | | | style="background: hsl(215 100%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(215 100%, 70%);" | | | style="background: hsl(215 100%, 70%);" | | ||
| style="background: hsl(215 100%, 85%);" | | | style="background: hsl(215 100%, 85%);" | | ||
| style="background: hsl(215 100%, 90%);" | | | style="background: hsl(215 100%, 90%);" | | ||
| + | | style="background: hsl(215 100%, 40%);" | | ||
| + | | style="background: hsl(215 100%, 20%);" | | ||
| style="background: hsl(215 100%, 30%);" | | | style="background: hsl(215 100%, 30%);" | | ||
| style="background: hsl(215 100%, 25%);" | | | style="background: hsl(215 100%, 25%);" | | ||
| style="background: hsl(215 100%, 20%);" | | | style="background: hsl(215 100%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-special</code> | | <code>color-special</code> | ||
|81 87% | |81 87% | ||
| style="background: hsl(81 87%, 50%);" | | | style="background: hsl(81 87%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(81 87%, 70%);" | | | style="background: hsl(81 87%, 70%);" | | ||
| style="background: hsl(81 87%, 85%);" | | | style="background: hsl(81 87%, 85%);" | | ||
| style="background: hsl(81 87%, 90%);" | | | style="background: hsl(81 87%, 90%);" | | ||
| + | | style="background: hsl(81 87%, 40%);" | | ||
| + | | style="background: hsl(81 87%, 20%);" | | ||
| style="background: hsl(81 87%, 30%);" | | | style="background: hsl(81 87%, 30%);" | | ||
| style="background: hsl(81 87%, 25%);" | | | style="background: hsl(81 87%, 25%);" | | ||
| style="background: hsl(81 87%, 20%);" | | | style="background: hsl(81 87%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-species</code> | | <code>color-species</code> | ||
|280 61% | |280 61% | ||
| style="background: hsl(280 61%, 50%);" | | | style="background: hsl(280 61%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(280 61%, 70%);" | | | style="background: hsl(280 61%, 70%);" | | ||
| style="background: hsl(280 61%, 85%);" | | | style="background: hsl(280 61%, 85%);" | | ||
| style="background: hsl(280 61%, 90%);" | | | style="background: hsl(280 61%, 90%);" | | ||
| + | | style="background: hsl(280 61%, 40%);" | | ||
| + | | style="background: hsl(280 61%, 20%);" | | ||
| style="background: hsl(280 61%, 30%);" | | | style="background: hsl(280 61%, 30%);" | | ||
| style="background: hsl(280 61%, 25%);" | | | style="background: hsl(280 61%, 25%);" | | ||
| style="background: hsl(280 61%, 20%);" | | | style="background: hsl(280 61%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-ssb</code> | | <code>color-ssb</code> | ||
|34 57% (pri)<br>39 77%% (sub) | |34 57% (pri)<br>39 77%% (sub) | ||
| style="background: hsl(34 57%, 50%);" | | | style="background: hsl(34 57%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(34 57%, 70%);" | | | style="background: hsl(34 57%, 70%);" | | ||
| style="background: hsl(39 77%, 85%);" | | | style="background: hsl(39 77%, 85%);" | | ||
| style="background: hsl(39 77%, 90%);" | | | style="background: hsl(39 77%, 90%);" | | ||
| + | | style="background: hsl(34 57%, 40%);" | | ||
| + | | style="background: hsl(34 57%, 20%);" | | ||
| style="background: hsl(34 57%, 30%);" | | | style="background: hsl(34 57%, 30%);" | | ||
| style="background: hsl(39 77%, 25%);" | | | style="background: hsl(39 77%, 25%);" | | ||
| style="background: hsl(39 77%, 20%);" | | | style="background: hsl(39 77%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-system</code> | | <code>color-system</code> | ||
|0 0% | |0 0% | ||
| style="background: hsl(0 0%, 50%);" | | | style="background: hsl(0 0%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(0 0%, 70%);" | | | style="background: hsl(0 0%, 70%);" | | ||
| style="background: hsl(0 0%, 85%);" | | | style="background: hsl(0 0%, 85%);" | | ||
| style="background: hsl(0 0%, 90%);" | | | style="background: hsl(0 0%, 90%);" | | ||
| + | | style="background: hsl(0 0%, 40%);" | | ||
| + | | style="background: hsl(0 0%, 20%);" | | ||
| style="background: hsl(0 0%, 30%);" | | | style="background: hsl(0 0%, 30%);" | | ||
| style="background: hsl(0 0%, 25%);" | | | style="background: hsl(0 0%, 25%);" | | ||
| style="background: hsl(0 0%, 20%);" | | | style="background: hsl(0 0%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-series</code> | | <code>color-series</code> | ||
|39 100% (pri)<br>42 73% (sub) | |39 100% (pri)<br>42 73% (sub) | ||
| style="background: hsl(39 100%, 50%);" | | | style="background: hsl(39 100%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(39 100%, 70%);" | | | style="background: hsl(39 100%, 70%);" | | ||
| style="background: hsl(42 73%, 85%);" | | | style="background: hsl(42 73%, 85%);" | | ||
| style="background: hsl(42 73%, 90%);" | | | style="background: hsl(42 73%, 90%);" | | ||
| + | | style="background: hsl(39 100%, 40%);" | | ||
| + | | style="background: hsl(39 100%, 20%);" | | ||
| style="background: hsl(39 100%, 30%);" | | | style="background: hsl(39 100%, 30%);" | | ||
| style="background: hsl(42 73%, 25%);" | | | style="background: hsl(42 73%, 25%);" | | ||
| style="background: hsl(42 73%, 20%);" | | | style="background: hsl(42 73%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-tools</code> | | <code>color-tools</code> | ||
|34 93% | |34 93% | ||
| style="background: hsl(34 93%, 50%);" | | | style="background: hsl(34 93%, 50%);" | | ||
| − | + | ||
| − | |||
| style="background: hsl(34 93%, 70%);" | | | style="background: hsl(34 93%, 70%);" | | ||
| style="background: hsl(34 93%, 85%);" | | | style="background: hsl(34 93%, 85%);" | | ||
| style="background: hsl(34 93%, 90%);" | | | style="background: hsl(34 93%, 90%);" | | ||
| + | | style="background: hsl(34 93%, 40%);" | | ||
| + | | style="background: hsl(34 93%, 20%);" | | ||
| style="background: hsl(34 93%, 30%);" | | | style="background: hsl(34 93%, 30%);" | | ||
| style="background: hsl(34 93%, 25%);" | | | style="background: hsl(34 93%, 25%);" | | ||
| style="background: hsl(34 93%, 20%);" | | | style="background: hsl(34 93%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-town</code> | | <code>color-town</code> | ||
|101 28% | |101 28% | ||
| style="background: hsl(101 28%, 50%);" | | | style="background: hsl(101 28%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(101 28%, 70%);" | | | style="background: hsl(101 28%, 70%);" | | ||
| style="background: hsl(101 28%, 85%);" | | | style="background: hsl(101 28%, 85%);" | | ||
| style="background: hsl(101 28%, 90%);" | | | style="background: hsl(101 28%, 90%);" | | ||
| + | | style="background: hsl(101 28%, 40%);" | | ||
| + | | style="background: hsl(101 28%, 20%);" | | ||
| style="background: hsl(101 28%, 30%);" | | | style="background: hsl(101 28%, 30%);" | | ||
| style="background: hsl(101 28%, 25%);" | | | style="background: hsl(101 28%, 25%);" | | ||
| style="background: hsl(101 28%, 20%);" | | | style="background: hsl(101 28%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-update</code> | | <code>color-update</code> | ||
|144 39% | |144 39% | ||
| style="background: hsl(144 39%, 50%);" | | | style="background: hsl(144 39%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(144 39%, 70%);" | | | style="background: hsl(144 39%, 70%);" | | ||
| style="background: hsl(144 39%, 85%);" | | | style="background: hsl(144 39%, 85%);" | | ||
| style="background: hsl(144 39%, 90%);" | | | style="background: hsl(144 39%, 90%);" | | ||
| + | | style="background: hsl(144 39%, 40%);" | | ||
| + | | style="background: hsl(144 39%, 20%);" | | ||
| style="background: hsl(144 39%, 30%);" | | | style="background: hsl(144 39%, 30%);" | | ||
| style="background: hsl(144 39%, 25%);" | | | style="background: hsl(144 39%, 25%);" | | ||
| style="background: hsl(144 39%, 20%);" | | | style="background: hsl(144 39%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-user</code> | | <code>color-user</code> | ||
|50 70% | |50 70% | ||
| style="background: hsl(50 70%, 50%);" | | | style="background: hsl(50 70%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(50 70%, 70%);" | | | style="background: hsl(50 70%, 70%);" | | ||
| style="background: hsl(50 70%, 85%);" | | | style="background: hsl(50 70%, 85%);" | | ||
| style="background: hsl(50 70%, 90%);" | | | style="background: hsl(50 70%, 90%);" | | ||
| + | | style="background: hsl(50 70%, 40%);" | | ||
| + | | style="background: hsl(50 70%, 20%);" | | ||
| style="background: hsl(50 70%, 30%);" | | | style="background: hsl(50 70%, 30%);" | | ||
| style="background: hsl(50 70%, 25%);" | | | style="background: hsl(50 70%, 25%);" | | ||
| style="background: hsl(50 70%, 20%);" | | | style="background: hsl(50 70%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-villager</code> | | <code>color-villager</code> | ||
|195 52% | |195 52% | ||
| style="background: hsl(195 52%, 50%);" | | | style="background: hsl(195 52%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(195 52%, 70%);" | | | style="background: hsl(195 52%, 70%);" | | ||
| style="background: hsl(195 52%, 85%);" | | | style="background: hsl(195 52%, 85%);" | | ||
| style="background: hsl(195 52%, 90%);" | | | style="background: hsl(195 52%, 90%);" | | ||
| + | | style="background: hsl(195 52%, 40%);" | | ||
| + | | style="background: hsl(195 52%, 20%);" | | ||
| style="background: hsl(195 52%, 30%);" | | | style="background: hsl(195 52%, 30%);" | | ||
| style="background: hsl(195 52%, 25%);" | | | style="background: hsl(195 52%, 25%);" | | ||
| style="background: hsl(195 52%, 20%);" | | | style="background: hsl(195 52%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-season</code> | | <code>color-season</code> | ||
|96 70% | |96 70% | ||
| style="background: hsl(96 70%, 50%);" | | | style="background: hsl(96 70%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(96 70%, 70%);" | | | style="background: hsl(96 70%, 70%);" | | ||
| style="background: hsl(96 70%, 85%);" | | | style="background: hsl(96 70%, 85%);" | | ||
| style="background: hsl(96 70%, 90%);" | | | style="background: hsl(96 70%, 90%);" | | ||
| + | | style="background: hsl(96 70%, 40%);" | | ||
| + | | style="background: hsl(96 70%, 20%);" | | ||
| style="background: hsl(96 70%, 30%);" | | | style="background: hsl(96 70%, 30%);" | | ||
| style="background: hsl(96 70%, 25%);" | | | style="background: hsl(96 70%, 25%);" | | ||
| style="background: hsl(96 70%, 20%);" | | | style="background: hsl(96 70%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-spring</code> | | <code>color-spring</code> | ||
|333 83% | |333 83% | ||
| style="background: hsl(333 83%, 50%);" | | | style="background: hsl(333 83%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(333 83%, 70%);" | | | style="background: hsl(333 83%, 70%);" | | ||
| style="background: hsl(333 83%, 85%);" | | | style="background: hsl(333 83%, 85%);" | | ||
| style="background: hsl(333 83%, 90%);" | | | style="background: hsl(333 83%, 90%);" | | ||
| + | | style="background: hsl(333 83%, 40%);" | | ||
| + | | style="background: hsl(333 83%, 20%);" | | ||
| style="background: hsl(333 83%, 30%);" | | | style="background: hsl(333 83%, 30%);" | | ||
| style="background: hsl(333 83%, 25%);" | | | style="background: hsl(333 83%, 25%);" | | ||
| style="background: hsl(333 83%, 20%);" | | | style="background: hsl(333 83%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-summer</code> | | <code>color-summer</code> | ||
|191 84% | |191 84% | ||
| style="background: hsl(191 84%, 50%);" | | | style="background: hsl(191 84%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(191 84%, 70%);" | | | style="background: hsl(191 84%, 70%);" | | ||
| style="background: hsl(191 84%, 85%);" | | | style="background: hsl(191 84%, 85%);" | | ||
| style="background: hsl(191 84%, 90%);" | | | style="background: hsl(191 84%, 90%);" | | ||
| + | | style="background: hsl(191 84%, 40%);" | | ||
| + | | style="background: hsl(191 84%, 20%);" | | ||
| style="background: hsl(191 84%, 30%);" | | | style="background: hsl(191 84%, 30%);" | | ||
| style="background: hsl(191 84%, 25%);" | | | style="background: hsl(191 84%, 25%);" | | ||
| style="background: hsl(191 84%, 20%);" | | | style="background: hsl(191 84%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| − | | <code>color- | + | | <code>color-fall</code> |
|29 87% | |29 87% | ||
| style="background: hsl(29 87%, 50%);" | | | style="background: hsl(29 87%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(29 87%, 70%);" | | | style="background: hsl(29 87%, 70%);" | | ||
| style="background: hsl(29 87%, 85%);" | | | style="background: hsl(29 87%, 85%);" | | ||
| style="background: hsl(29 87%, 90%);" | | | style="background: hsl(29 87%, 90%);" | | ||
| + | | style="background: hsl(29 87%, 40%);" | | ||
| + | | style="background: hsl(29 87%, 20%);" | | ||
| style="background: hsl(29 87%, 30%);" | | | style="background: hsl(29 87%, 30%);" | | ||
| style="background: hsl(29 87%, 25%);" | | | style="background: hsl(29 87%, 25%);" | | ||
| style="background: hsl(29 87%, 20%);" | | | style="background: hsl(29 87%, 20%);" | | ||
| + | | | ||
| + | | | ||
|- | |- | ||
| <code>color-winter</code> | | <code>color-winter</code> | ||
|241 59% | |241 59% | ||
| style="background: hsl(241 59%, 50%);" | | | style="background: hsl(241 59%, 50%);" | | ||
| − | |||
| − | |||
| style="background: hsl(241 59%, 70%);" | | | style="background: hsl(241 59%, 70%);" | | ||
| style="background: hsl(241 59%, 85%);" | | | style="background: hsl(241 59%, 85%);" | | ||
| style="background: hsl(241 59%, 90%);" | | | style="background: hsl(241 59%, 90%);" | | ||
| + | | style="background: hsl(241 59%, 40%);" | | ||
| + | | style="background: hsl(241 59%, 20%);" | | ||
| style="background: hsl(241 59%, 30%);" | | | style="background: hsl(241 59%, 30%);" | | ||
| style="background: hsl(241 59%, 25%);" | | | style="background: hsl(241 59%, 25%);" | | ||
| style="background: hsl(241 59%, 20%);" | | | style="background: hsl(241 59%, 20%);" | | ||
| + | | | ||
| + | | | ||
| + | |- | ||
| + | |||
| + | | <code>color-season-cal</code> | ||
| + | |0 0% | ||
| + | | style="background: hsl(0 0%, 50%);" | | ||
| + | | style="background: hsl(0 0%, 70%);" | | ||
| + | | style="background: hsl(0 0%, 85%);" | | ||
| + | | style="background: hsl(0 0%, 90%);" | | ||
| + | | style="background: hsl(0 0%, 40%);" | | ||
| + | | style="background: hsl(0 0%, 20%);" | | ||
| + | | style="background: hsl(0 0%, 30%);" | | ||
| + | | style="background: hsl(0 0%, 25%);" | | ||
| + | | style="background: hsl(0 0%, 20%);" | | ||
| + | | | ||
| + | | | ||
| + | |- | ||
| + | | <code>color-spring-cal</code> | ||
| + | |96 100% | ||
| + | | style="background: hsl(96 100%, 50%);" | | ||
| + | | style="background: hsl(96 100%, 70%);" | | ||
| + | | style="background: hsl(96 100%, 85%);" | | ||
| + | | style="background: hsl(96 100%, 90%);" | | ||
| + | | style="background: hsl(96 100%, 40%);" | | ||
| + | | style="background: hsl(96 100%, 20%);" | | ||
| + | | style="background: hsl(96 100%, 30%);" | | ||
| + | | style="background: hsl(96 100%, 25%);" | | ||
| + | | style="background: hsl(96 100%, 20%);" | | ||
| + | | | ||
| + | | | ||
| + | |- | ||
| + | | <code>color-summer-cal</code> | ||
| + | |43 84% | ||
| + | | style="background: hsl(43 84%, 50%);" | | ||
| + | | style="background: hsl(43 84%, 70%);" | | ||
| + | | style="background: hsl(43 84%, 85%);" | | ||
| + | | style="background: hsl(43 84%, 90%);" | | ||
| + | | style="background: hsl(43 84%, 40%);" | | ||
| + | | style="background: hsl(43 84%, 20%);" | | ||
| + | | style="background: hsl(43 84%, 30%);" | | ||
| + | | style="background: hsl(43 84%, 25%);" | | ||
| + | | style="background: hsl(43 84%, 20%);" | | ||
| + | | | ||
| + | | | ||
| + | |- | ||
| + | | <code>color-fall-cal</code> | ||
| + | |311 53% | ||
| + | | style="background: hsl(311 53%, 50%);" | | ||
| + | | style="background: hsl(311 53%, 70%);" | | ||
| + | | style="background: hsl(311 53%, 85%);" | | ||
| + | | style="background: hsl(311 53%, 90%);" | | ||
| + | | style="background: hsl(311 53%, 40%);" | | ||
| + | | style="background: hsl(311 53%, 20%);" | | ||
| + | | style="background: hsl(311 53%, 30%);" | | ||
| + | | style="background: hsl(311 53%, 25%);" | | ||
| + | | style="background: hsl(311 53%, 20%);" | | ||
| + | | | ||
| + | | | ||
| + | |- | ||
| + | | <code>color-winter-cal</code> | ||
| + | |188 80% | ||
| + | | style="background: hsl(188 80%, 50%);" | | ||
| + | | style="background: hsl(188 80%, 70%);" | | ||
| + | | style="background: hsl(188 80%, 85%);" | | ||
| + | | style="background: hsl(188 80%, 90%);" | | ||
| + | | style="background: hsl(188 80%, 40%);" | | ||
| + | | style="background: hsl(188 80%, 20%);" | | ||
| + | | style="background: hsl(188 80%, 30%);" | | ||
| + | | style="background: hsl(188 80%, 25%);" | | ||
| + | | style="background: hsl(188 80%, 20%);" | | ||
| + | | | ||
| + | | | ||
|} | |} | ||
Latest revision as of 07:36, May 18, 2024
Styling
Different colours can be automatically applied to styled tables by appending one of the below classes. The chosen color should ideally match the infobox and navbox color used on the page. It is acceptable to use different colors on pages with lots of tables, or different categories where having distinguishing colors may serve a practical purpose (e.g. Nook Miles or Shoes).
| Class | Base Color HS | Base (50%) | Light mode color | Dark mode color | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Pri (70%) |
Sec (85%) |
Ter (90%) |
Sha (40%) |
Tex (20%) |
Pri (30%) |
Sec (25%) |
Ter (20%) |
Sha (40%) |
Tex (20%) | |||
| Gender | ||||||||||||
color-female
|
306, 70% | |||||||||||
color-male
|
214, 92% | |||||||||||
| Item Color | ||||||||||||
color-red
|
12, 87% | |||||||||||
color-orange
|
32, 92% | |||||||||||
color-yellow
|
42, 96% | |||||||||||
color-green
|
135, 47% | |||||||||||
color-aqua
|
196 50% | |||||||||||
color-blue
|
197 39% | |||||||||||
color-purple
|
331 33% | |||||||||||
color-pink
|
11 85% | |||||||||||
color-beige
|
50 54% | |||||||||||
color-brown
|
11 85% | |||||||||||
color-gray
|
0 0% | |||||||||||
color-black
|
0 0% | 40% | 55% | 60% | ||||||||
color-white
|
0 0% | 85% | 89% | 92% | ||||||||
| Theme | ||||||||||||
color-civic
|
234 50% | |||||||||||
color-cool
|
208 96% | |||||||||||
color-cute
|
345 70% | |||||||||||
color-elegant
|
282 63% | |||||||||||
color-harmonious
|
12 74% | |||||||||||
color-hip
|
30 90% | |||||||||||
color-historical
|
341 45% | |||||||||||
color-modern
|
12 74% | |||||||||||
color-natural
|
44 96% | |||||||||||
color-rustic
|
71 98% | |||||||||||
color-sporty
|
161 93% | |||||||||||
color-generic
|
0 0% | |||||||||||
color-special
|
53 100% | |||||||||||
| Category | ||||||||||||
color-art
|
23 61% | |||||||||||
color-bug
|
78 76% | |||||||||||
color-design
|
353 72% | |||||||||||
color-ereader
|
194 84% | |||||||||||
color-event
|
215 100% | |||||||||||
color-fashion
|
322 49% (pri) 320 45% (sub) |
|||||||||||
color-film
|
318 69% | |||||||||||
color-fish
|
200 100% | |||||||||||
color-flora
|
350 100% (light) 345 60% (dark) |
84% | 93% | 96% | 40% | 35% | 30% | |||||
color-fossil
|
43 74% | |||||||||||
color-furniture
|
106 50% | |||||||||||
color-gameplay
|
163 58% (pri) 160 61% (sub) |
|||||||||||
color-geography
|
120 50% | |||||||||||
color-image
|
269 74% | |||||||||||
color-islander
|
45 75% | |||||||||||
color-item
|
50 95% | |||||||||||
color-location
|
146 42% | |||||||||||
color-manga
|
318 34% | |||||||||||
color-merchandise
|
193 53% | |||||||||||
color-minigame
|
782 75% | |||||||||||
color-museum
|
60 31% | |||||||||||
color-music
|
0 59% | |||||||||||
color-nookipedia
|
99 45% | |||||||||||
color-pccreature
|
234 44% | |||||||||||
color-publication
|
248 53% | |||||||||||
color-reaction
|
277 57% | |||||||||||
color-realworld
|
60 20% | |||||||||||
color-seacreature
|
215 100% | |||||||||||
color-special
|
81 87% | |||||||||||
color-species
|
280 61% | |||||||||||
color-ssb
|
34 57% (pri) 39 77%% (sub) |
|||||||||||
color-system
|
0 0% | |||||||||||
color-series
|
39 100% (pri) 42 73% (sub) |
|||||||||||
color-tools
|
34 93% | |||||||||||
color-town
|
101 28% | |||||||||||
color-update
|
144 39% | |||||||||||
color-user
|
50 70% | |||||||||||
color-villager
|
195 52% | |||||||||||
color-season
|
96 70% | |||||||||||
color-spring
|
333 83% | |||||||||||
color-summer
|
191 84% | |||||||||||
color-fall
|
29 87% | |||||||||||
color-winter
|
241 59% | |||||||||||
color-season-cal
|
0 0% | |||||||||||
color-spring-cal
|
96 100% | |||||||||||
color-summer-cal
|
43 84% | |||||||||||
color-fall-cal
|
311 53% | |||||||||||
color-winter-cal
|
188 80% | |||||||||||
