Difference between revisions of "User:Dorsal Axe/Sandbox/Lemon"

From Nookipedia, the Animal Crossing wiki
 
(4 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
Different colours can be automatically applied to <code>styled</code> tables by appending one of the below classes. The chosen color should ideally match the [[Template:Infobox|infobox]] and [[Template:Navbox|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]]).
 
Different colours can be automatically applied to <code>styled</code> tables by appending one of the below classes. The chosen color should ideally match the [[Template:Infobox|infobox]] and [[Template:Navbox|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="styled floatleft" style="text-align: center;"
+
{| class="styled floatleft" style="text-align: center; font-size: 0.8em;"
 
|-
 
|-
 
! rowspan=2 | Class
 
! rowspan=2 | Class
 
! rowspan=2 | Base Color HS
 
! rowspan=2 | Base Color HS
! rowspan=2 style="width: 43px;" | 50%
+
! rowspan=2 style="width: 15px;" | Base (50%)
! colspan=3 style="width: 150px;" | Light mode table color
+
! colspan=5 style="width: 150px;" | Light mode color
! colspan=3 style="width: 150px;" | Dark mode table color
+
! colspan=5 style="width: 150px;" | Dark mode color
 
|-
 
|-
! 70%
+
! Pri<br>(70%)
! 85%
+
! Sec<br>(85%)
! 90%
+
! Ter<br>(90%)
! 30%
+
! Sha<br>(40%)
! 25%
+
! Tex<br>(20%)
! 20%
+
! Pri<br>(30%)
 +
! Sec<br>(25%)
 +
! Ter<br>(20%)
 +
! Sha<br>(40%)
 +
! Tex<br>(20%)
 
|-
 
|-
! colspan=9 | Gender
+
! colspan=13 | Gender
 
|-
 
|-
 
| <code>color-female</code>
 
| <code>color-female</code>
Line 25: Line 29:
 
| 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>
Line 35: Line 43:
 
| 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=9 | Color
+
! colspan=13 | Item Color
 
|-
 
|-
 
| <code>color-red</code>
 
| <code>color-red</code>
Line 47: Line 59:
 
| 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>
Line 57: Line 73:
 
| 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>
Line 67: Line 87:
 
| 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>
Line 77: Line 101:
 
| 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>
Line 87: Line 115:
 
| 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>
Line 97: Line 129:
 
| 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>
Line 107: Line 143:
 
| 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>
Line 117: Line 157:
 
| 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>
Line 127: Line 171:
 
| 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>
Line 137: Line 185:
 
| 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>
Line 147: Line 199:
 
| 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%, 70%);" |
+
| style="background: hsl(0 0%, 40%);" |40%
| style="background: hsl(0 0%, 85%);" |
+
| style="background: hsl(0 0%, 55%);" |55%
| style="background: hsl(0 0%, 90%);" |
+
| 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%, 70%);" |
+
| style="background: hsl(0 0%, 85%);" |85%
| style="background: hsl(0 0%, 85%);" |
+
| style="background: hsl(0 0%, 89%);" |89%
| style="background: hsl(0 0%, 90%);" |
+
| 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=9 | Theme
+
! colspan=13 | Theme
 
|-
 
|-
 
| <code>color-civic</code>
 
| <code>color-civic</code>
Line 179: Line 243:
 
| 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>
Line 189: Line 257:
 
| 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>
Line 199: Line 271:
 
| 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>
Line 209: Line 285:
 
| 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>
Line 219: Line 299:
 
| 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>
Line 229: Line 313:
 
| 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>
Line 239: Line 327:
 
| 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>
Line 249: Line 341:
 
| 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>
Line 259: Line 355:
 
| 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>
Line 269: Line 369:
 
| 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>
Line 279: Line 383:
 
| 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>
Line 289: Line 397:
 
| 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>
Line 299: Line 411:
 
| 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=9 | Category
+
! colspan=13 | Category
 
|-
 
|-
 
| <code>color-art</code>
 
| <code>color-art</code>
Line 311: Line 427:
 
| 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>
Line 321: Line 441:
 
| 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>
Line 331: Line 455:
 
| 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>
Line 341: Line 483:
 
| 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>
Line 351: Line 497:
 
| 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>
Line 361: Line 511:
 
| 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>
Line 371: Line 525:
 
| 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>
Line 381: Line 539:
 
| 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>
Line 391: Line 553:
 
| 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>
Line 401: Line 567:
 
| 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>
Line 411: Line 581:
 
| 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>
Line 421: Line 595:
 
| 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>
Line 431: Line 609:
 
| 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>
Line 441: Line 623:
 
| 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>
Line 451: Line 637:
 
| 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>
Line 461: Line 651:
 
| 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>
Line 471: Line 665:
 
| 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>
Line 481: Line 679:
 
| 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>
Line 491: Line 693:
 
| 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>
Line 501: Line 707:
 
| 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>
Line 511: Line 721:
 
| 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>
Line 521: Line 735:
 
| 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>
Line 531: Line 763:
 
| 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>
Line 541: Line 777:
 
| 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>
Line 551: Line 791:
 
| 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>
Line 561: Line 805:
 
| 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>
Line 571: Line 819:
 
| 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>
|276 56%
+
|280 61%
| style="background: hsl(276 56%, 50%);" |
+
| style="background: hsl(280 61%, 50%);" |
| style="background: hsl(276 56%, 70%);" |
+
| style="background: hsl(280 61%, 70%);" |
| style="background: hsl(276 56%, 85%);" |
+
| style="background: hsl(280 61%, 85%);" |
| style="background: hsl(276 56%, 90%);" |
+
| style="background: hsl(280 61%, 90%);" |
| style="background: hsl(276 56%, 30%);" |
+
| style="background: hsl(280 61%, 40%);" |
| style="background: hsl(276 56%, 25%);" |
+
| style="background: hsl(280 61%, 20%);" |
| style="background: hsl(276 56%, 20%);" |
+
| style="background: hsl(280 61%, 30%);" |
 +
| style="background: hsl(280 61%, 25%);" |
 +
| style="background: hsl(280 61%, 20%);" |
 +
|
 +
|
 
|-
 
|-
 
| <code>color-ssb</code>
 
| <code>color-ssb</code>
Line 591: Line 847:
 
| 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>
Line 601: Line 861:
 
| 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>
Line 611: Line 875:
 
| 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>
Line 631: Line 904:
 
| 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>
Line 641: Line 918:
 
| 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>
Line 651: Line 932:
 
| 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>
Line 661: Line 946:
 
| 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>
Line 671: Line 960:
 
| 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>
Line 681: Line 974:
 
| 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>
Line 691: Line 988:
 
| 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-autumn</code>
+
| <code>color-fall</code>
 
|29 87%
 
|29 87%
 
| style="background: hsl(29 87%, 50%);" |
 
| style="background: hsl(29 87%, 50%);" |
Line 701: Line 1,002:
 
| 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>
Line 711: Line 1,016:
 
| 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%