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) |
||
| Line 6: | Line 6: | ||
! rowspan=2 | Class | ! rowspan=2 | Class | ||
! rowspan=2 | Base Color HS | ! rowspan=2 | Base Color HS | ||
| − | ! rowspan=2 style="width: | + | ! rowspan=2 style="width: 15px;" | Base (50%) |
| + | ! rowspan=2 style="width: 15px;" | Shadow | ||
| + | ! rowspan=2 style="width: 15px;" | Text | ||
! colspan=3 style="width: 150px;" | Light mode table color | ! colspan=3 style="width: 150px;" | Light mode table color | ||
! colspan=3 style="width: 150px;" | Dark mode table color | ! colspan=3 style="width: 150px;" | Dark mode table color | ||
| Line 21: | Line 23: | ||
| <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%, 50%);" | | | style="background: hsl(306, 70%, 50%);" | | ||
| style="background: hsl(306, 70%, 70%);" | | | style="background: hsl(306, 70%, 70%);" | | ||
| Line 31: | Line 35: | ||
| <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%, 50%);" | | | style="background: hsl(214, 92%, 50%);" | | ||
| style="background: hsl(214, 92%, 70%);" | | | style="background: hsl(214, 92%, 70%);" | | ||
| Line 39: | Line 45: | ||
| style="background: hsl(214, 92%, 20%);" | | | style="background: hsl(214, 92%, 20%);" | | ||
|- | |- | ||
| − | ! colspan=9 | Color | + | ! colspan=9 | 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%, 50%);" | | | style="background: hsl(12, 87%, 50%);" | | ||
| style="background: hsl(12, 87%, 70%);" | | | style="background: hsl(12, 87%, 70%);" | | ||
| Line 53: | Line 61: | ||
| <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%, 50%);" | | | style="background: hsl(32, 92%, 50%);" | | ||
| style="background: hsl(32, 92%, 70%);" | | | style="background: hsl(32, 92%, 70%);" | | ||
| Line 63: | Line 73: | ||
| <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%, 50%);" | | | style="background: hsl(42, 96%, 50%);" | | ||
| style="background: hsl(42, 96%, 70%);" | | | style="background: hsl(42, 96%, 70%);" | | ||
| Line 73: | Line 85: | ||
| <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%, 50%);" | | | style="background: hsl(135, 47%, 50%);" | | ||
| style="background: hsl(135, 47%, 70%);" | | | style="background: hsl(135, 47%, 70%);" | | ||
| Line 83: | Line 97: | ||
| <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%, 50%);" | | | style="background: hsl(196 50%, 50%);" | | ||
| style="background: hsl(196 50%, 70%);" | | | style="background: hsl(196 50%, 70%);" | | ||
| Line 93: | Line 109: | ||
| <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%, 50%);" | | | style="background: hsl(197 39%, 50%);" | | ||
| style="background: hsl(197 39%, 70%);" | | | style="background: hsl(197 39%, 70%);" | | ||
| Line 103: | Line 121: | ||
| <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%, 50%);" | | | style="background: hsl(331 33%, 50%);" | | ||
| style="background: hsl(331 33%, 70%);" | | | style="background: hsl(331 33%, 70%);" | | ||
| Line 113: | Line 133: | ||
| <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%, 50%);" | | | style="background: hsl(11 85%, 50%);" | | ||
| style="background: hsl(11 85%, 70%);" | | | style="background: hsl(11 85%, 70%);" | | ||
| Line 123: | Line 145: | ||
| <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%, 50%);" | | | style="background: hsl(50 54%, 50%);" | | ||
| style="background: hsl(50 54%, 70%);" | | | style="background: hsl(50 54%, 70%);" | | ||
| Line 133: | Line 157: | ||
| <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%, 50%);" | | | style="background: hsl(31 47%, 50%);" | | ||
| style="background: hsl(31 47%, 70%);" | | | style="background: hsl(31 47%, 70%);" | | ||
| Line 143: | Line 169: | ||
| <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%, 50%);" | | | style="background: hsl(0 0%, 50%);" | | ||
| style="background: hsl(0 0%, 70%);" | | | style="background: hsl(0 0%, 70%);" | | ||
| Line 154: | Line 182: | ||
|0 0% | |0 0% | ||
| style="background: hsl(0 0%, 50%);" | | | style="background: hsl(0 0%, 50%);" | | ||
| − | | style="background: hsl(0 0%, | + | | style="background: hsl(0 0%, 50%);" | |
| − | | style="background: hsl(0 0%, | + | | style="background: hsl(0 0%, 50%);" | |
| − | | style="background: hsl(0 0%, | + | | style="background: hsl(0 0%, 40%);" |40% |
| + | | style="background: hsl(0 0%, 55%);" |55% | ||
| + | | style="background: hsl(0 0%, 60%);" |60% | ||
| style="background: hsl(0 0%, 30%);" | | | style="background: hsl(0 0%, 30%);" | | ||
| style="background: hsl(0 0%, 25%);" | | | style="background: hsl(0 0%, 25%);" | | ||
| Line 164: | Line 194: | ||
|0 0% | |0 0% | ||
| style="background: hsl(0 0%, 50%);" | | | style="background: hsl(0 0%, 50%);" | | ||
| − | | style="background: hsl(0 0%, | + | | style="background: hsl(0 0%, 50%);" | |
| − | | style="background: hsl(0 0%, 85%);" | | + | | style="background: hsl(0 0%, 50%);" | |
| − | | style="background: hsl(0 0%, | + | | style="background: hsl(0 0%, 85%);" |85% |
| + | | style="background: hsl(0 0%, 89%);" |89% | ||
| + | | style="background: hsl(0 0%, 92%);" |92% | ||
| style="background: hsl(0 0%, 30%);" | | | style="background: hsl(0 0%, 30%);" | | ||
| style="background: hsl(0 0%, 25%);" | | | style="background: hsl(0 0%, 25%);" | | ||
| Line 175: | Line 207: | ||
| <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%, 50%);" | | | style="background: hsl(234 50%, 50%);" | | ||
| style="background: hsl(234 50%, 70%);" | | | style="background: hsl(234 50%, 70%);" | | ||
| Line 185: | Line 219: | ||
| <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%, 50%);" | | | style="background: hsl(208 96%, 50%);" | | ||
| style="background: hsl(208 96%, 70%);" | | | style="background: hsl(208 96%, 70%);" | | ||
| Line 195: | Line 231: | ||
| <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%, 50%);" | | | style="background: hsl(345 70%, 50%);" | | ||
| style="background: hsl(345 70%, 70%);" | | | style="background: hsl(345 70%, 70%);" | | ||
| Line 205: | Line 243: | ||
| <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%, 50%);" | | | style="background: hsl(282 63%, 50%);" | | ||
| style="background: hsl(282 63%, 70%);" | | | style="background: hsl(282 63%, 70%);" | | ||
| Line 215: | Line 255: | ||
| <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%, 50%);" | | | style="background: hsl(12 74%, 50%);" | | ||
| style="background: hsl(12 74%, 70%);" | | | style="background: hsl(12 74%, 70%);" | | ||
| Line 225: | Line 267: | ||
| <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%, 50%);" | | | style="background: hsl(30 90%, 50%);" | | ||
| style="background: hsl(30 90%, 70%);" | | | style="background: hsl(30 90%, 70%);" | | ||
| Line 235: | Line 279: | ||
| <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%, 50%);" | | | style="background: hsl(341 45%, 50%);" | | ||
| style="background: hsl(341 45%, 70%);" | | | style="background: hsl(341 45%, 70%);" | | ||
| Line 245: | Line 291: | ||
| <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%, 50%);" | | | style="background: hsl(177 58%, 50%);" | | ||
| style="background: hsl(177 58%, 70%);" | | | style="background: hsl(177 58%, 70%);" | | ||
| Line 255: | Line 303: | ||
| <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%, 50%);" | | | style="background: hsl(44 96%, 50%);" | | ||
| style="background: hsl(44 96%, 70%);" | | | style="background: hsl(44 96%, 70%);" | | ||
| Line 265: | Line 315: | ||
| <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%, 50%);" | | | style="background: hsl(71 98%, 50%);" | | ||
| style="background: hsl(71 98%, 70%);" | | | style="background: hsl(71 98%, 70%);" | | ||
| Line 275: | Line 327: | ||
| <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%, 50%);" | | | style="background: hsl(161 93%, 50%);" | | ||
| style="background: hsl(161 93%, 70%);" | | | style="background: hsl(161 93%, 70%);" | | ||
| Line 285: | Line 339: | ||
| <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%, 50%);" | | | style="background: hsl(0 0%, 50%);" | | ||
| style="background: hsl(0 0%, 70%);" | | | style="background: hsl(0 0%, 70%);" | | ||
| Line 295: | Line 351: | ||
| <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%, 50%);" | | | style="background: hsl(53 100%, 50%);" | | ||
| style="background: hsl(53 100%, 70%);" | | | style="background: hsl(53 100%, 70%);" | | ||
| Line 307: | Line 365: | ||
| <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%, 50%);" | | | style="background: hsl(23 61%, 50%);" | | ||
| style="background: hsl(23 61%, 70%);" | | | style="background: hsl(23 61%, 70%);" | | ||
| Line 317: | Line 377: | ||
| <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%, 50%);" | | | style="background: hsl(78 76%, 50%);" | | ||
| style="background: hsl(78 76%, 70%);" | | | style="background: hsl(78 76%, 70%);" | | ||
| Line 327: | Line 389: | ||
| <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%, 50%);" | | | style="background: hsl(353 72%, 50%);" | | ||
| style="background: hsl(353 72%, 70%);" | | | style="background: hsl(353 72%, 70%);" | | ||
| Line 337: | Line 401: | ||
| <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%, 50%);" | | | style="background: hsl(215 100%, 50%);" | | ||
| style="background: hsl(215 100%, 70%);" | | | style="background: hsl(215 100%, 70%);" | | ||
| Line 347: | Line 413: | ||
| <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%, 50%);" | | | style="background: hsl(322 49%, 50%);" | | ||
| style="background: hsl(322 49%, 70%);" | | | style="background: hsl(322 49%, 70%);" | | ||
| Line 357: | Line 425: | ||
| <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%, 50%);" | | | style="background: hsl(318 69%, 50%);" | | ||
| style="background: hsl(318 69%, 70%);" | | | style="background: hsl(318 69%, 70%);" | | ||
| Line 367: | Line 437: | ||
| <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%, 50%);" | | | style="background: hsl(200 100%, 50%);" | | ||
| style="background: hsl(200 100%, 70%);" | | | style="background: hsl(200 100%, 70%);" | | ||
| Line 377: | Line 449: | ||
| <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%, 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% | ||
| Line 387: | Line 461: | ||
| <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%, 50%);" | | | style="background: hsl(43 74%, 50%);" | | ||
| style="background: hsl(43 74%, 70%);" | | | style="background: hsl(43 74%, 70%);" | | ||
| Line 397: | Line 473: | ||
| <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%, 50%);" | | | style="background: hsl(106 50%, 50%);" | | ||
| style="background: hsl(106 50%, 70%);" | | | style="background: hsl(106 50%, 70%);" | | ||
| Line 407: | Line 485: | ||
| <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%, 50%);" | | | style="background: hsl(163 58%, 50%);" | | ||
| style="background: hsl(163 58%, 70%);" | | | style="background: hsl(163 58%, 70%);" | | ||
| Line 417: | Line 497: | ||
| <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%, 50%);" | | | style="background: hsl(120 50%, 50%);" | | ||
| style="background: hsl(120 50%, 70%);" | | | style="background: hsl(120 50%, 70%);" | | ||
| Line 427: | Line 509: | ||
| <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%, 50%);" | | | style="background: hsl(269 74%, 50%);" | | ||
| style="background: hsl(269 74%, 70%);" | | | style="background: hsl(269 74%, 70%);" | | ||
| Line 437: | Line 521: | ||
| <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%, 50%);" | | | style="background: hsl(45 75%, 50%);" | | ||
| style="background: hsl(45 75%, 70%);" | | | style="background: hsl(45 75%, 70%);" | | ||
| Line 447: | Line 533: | ||
| <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%, 50%);" | | | style="background: hsl(50 95%, 50%);" | | ||
| style="background: hsl(50 95%, 70%);" | | | style="background: hsl(50 95%, 70%);" | | ||
| Line 457: | Line 545: | ||
| <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%, 50%);" | | | style="background: hsl(146 42%, 50%);" | | ||
| style="background: hsl(146 42%, 70%);" | | | style="background: hsl(146 42%, 70%);" | | ||
| Line 467: | Line 557: | ||
| <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%, 50%);" | | | style="background: hsl(318 34%, 50%);" | | ||
| style="background: hsl(318 34%, 70%);" | | | style="background: hsl(318 34%, 70%);" | | ||
| Line 477: | Line 569: | ||
| <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%, 50%);" | | | style="background: hsl(193 53%, 50%);" | | ||
| style="background: hsl(193 53%, 70%);" | | | style="background: hsl(193 53%, 70%);" | | ||
| Line 487: | Line 581: | ||
| <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%, 50%);" | | | style="background: hsl(782 75%, 50%);" | | ||
| style="background: hsl(782 75%, 70%);" | | | style="background: hsl(782 75%, 70%);" | | ||
| Line 497: | Line 593: | ||
| <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%, 50%);" | | | style="background: hsl(60 31%, 50%);" | | ||
| style="background: hsl(60 31%, 70%);" | | | style="background: hsl(60 31%, 70%);" | | ||
| Line 507: | Line 605: | ||
| <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%, 50%);" | | | style="background: hsl(0 59%, 50%);" | | ||
| style="background: hsl(0 59%, 70%);" | | | style="background: hsl(0 59%, 70%);" | | ||
| Line 517: | Line 617: | ||
| <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%, 50%);" | | | style="background: hsl(99 45%, 50%);" | | ||
| style="background: hsl(99 45%, 70%);" | | | style="background: hsl(99 45%, 70%);" | | ||
| Line 527: | Line 629: | ||
| <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%, 50%);" | | | style="background: hsl(248 53%, 50%);" | | ||
| style="background: hsl(248 53%, 70%);" | | | style="background: hsl(248 53%, 70%);" | | ||
| Line 537: | Line 641: | ||
| <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%, 50%);" | | | style="background: hsl(277 57%, 50%);" | | ||
| style="background: hsl(277 57%, 70%);" | | | style="background: hsl(277 57%, 70%);" | | ||
| Line 547: | Line 653: | ||
| <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%, 50%);" | | | style="background: hsl(60 20%, 50%);" | | ||
| style="background: hsl(60 20%, 70%);" | | | style="background: hsl(60 20%, 70%);" | | ||
| Line 557: | Line 665: | ||
| <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%, 50%);" | | | style="background: hsl(215 100%, 50%);" | | ||
| style="background: hsl(215 100%, 70%);" | | | style="background: hsl(215 100%, 70%);" | | ||
| Line 567: | Line 677: | ||
| <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%, 50%);" | | | style="background: hsl(81 87%, 50%);" | | ||
| style="background: hsl(81 87%, 70%);" | | | style="background: hsl(81 87%, 70%);" | | ||
| Line 576: | Line 688: | ||
|- | |- | ||
| <code>color-species</code> | | <code>color-species</code> | ||
| − | | | + | |280 61% |
| − | | style="background: hsl( | + | | style="background: hsl(280 61%, 50%);" | |
| − | | style="background: hsl( | + | | style="background: hsl(280 61%, 50%);" | |
| − | | style="background: hsl( | + | | style="background: hsl(280 61%, 50%);" | |
| − | | style="background: hsl( | + | | style="background: hsl(280 61%, 70%);" | |
| − | | style="background: hsl( | + | | style="background: hsl(280 61%, 85%);" | |
| − | | style="background: hsl( | + | | style="background: hsl(280 61%, 90%);" | |
| − | | style="background: hsl( | + | | 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> | ||
|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%, 50%);" | | | style="background: hsl(34 57%, 50%);" | | ||
| style="background: hsl(34 57%, 70%);" | | | style="background: hsl(34 57%, 70%);" | | ||
| Line 597: | Line 713: | ||
| <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%, 50%);" | | | style="background: hsl(0 0%, 50%);" | | ||
| style="background: hsl(0 0%, 70%);" | | | style="background: hsl(0 0%, 70%);" | | ||
| Line 607: | Line 725: | ||
| <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%, 50%);" | | | style="background: hsl(39 100%, 50%);" | | ||
| style="background: hsl(39 100%, 70%);" | | | style="background: hsl(39 100%, 70%);" | | ||
| Line 617: | Line 737: | ||
| <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%, 50%);" | | | style="background: hsl(34 93%, 50%);" | | ||
| style="background: hsl(34 93%, 70%);" | | | style="background: hsl(34 93%, 70%);" | | ||
| Line 627: | Line 749: | ||
| <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%, 50%);" | | | style="background: hsl(101 28%, 50%);" | | ||
| style="background: hsl(101 28%, 70%);" | | | style="background: hsl(101 28%, 70%);" | | ||
| Line 637: | Line 761: | ||
| <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%, 50%);" | | | style="background: hsl(144 39%, 50%);" | | ||
| style="background: hsl(144 39%, 70%);" | | | style="background: hsl(144 39%, 70%);" | | ||
| Line 647: | Line 773: | ||
| <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%, 50%);" | | | style="background: hsl(50 70%, 50%);" | | ||
| style="background: hsl(50 70%, 70%);" | | | style="background: hsl(50 70%, 70%);" | | ||
| Line 657: | Line 785: | ||
| <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%, 50%);" | | | style="background: hsl(195 52%, 50%);" | | ||
| style="background: hsl(195 52%, 70%);" | | | style="background: hsl(195 52%, 70%);" | | ||
| Line 667: | Line 797: | ||
| <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%, 50%);" | | | style="background: hsl(96 70%, 50%);" | | ||
| style="background: hsl(96 70%, 70%);" | | | style="background: hsl(96 70%, 70%);" | | ||
| Line 677: | Line 809: | ||
| <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%, 50%);" | | | style="background: hsl(333 83%, 50%);" | | ||
| style="background: hsl(333 83%, 70%);" | | | style="background: hsl(333 83%, 70%);" | | ||
| Line 687: | Line 821: | ||
| <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%, 50%);" | | | style="background: hsl(191 84%, 50%);" | | ||
| style="background: hsl(191 84%, 70%);" | | | style="background: hsl(191 84%, 70%);" | | ||
| Line 697: | Line 833: | ||
| <code>color-autumn</code> | | <code>color-autumn</code> | ||
|29 87% | |29 87% | ||
| + | | style="background: hsl(29 87%, 50%);" | | ||
| + | | style="background: hsl(29 87%, 50%);" | | ||
| style="background: hsl(29 87%, 50%);" | | | style="background: hsl(29 87%, 50%);" | | ||
| style="background: hsl(29 87%, 70%);" | | | style="background: hsl(29 87%, 70%);" | | ||
| Line 707: | Line 845: | ||
| <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%, 50%);" | | | style="background: hsl(241 59%, 50%);" | | ||
| style="background: hsl(241 59%, 70%);" | | | style="background: hsl(241 59%, 70%);" | | ||
Revision as of 04:40, 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%) | Shadow | Text | Light mode table color | Dark mode table color | ||||
|---|---|---|---|---|---|---|---|---|---|---|
| 70% | 85% | 90% | 30% | 25% | 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-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-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-autumn
|
29 87% | |||||||||
color-winter
|
241 59% | |||||||||
