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

From Nookipedia, the Animal Crossing wiki
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<div style="right:10px; display:none;" class="topicon">[[File:{{#switch: {{{1|semi}}}|semi = Semi|template = Template|full = Full|interface = Interface|move = Move|upload = Upload|creation = Creation}} Protection icon.png|30px|link=Nookipedia:Protection policy|This {{#switch: {{NAMESPACE}}|#default = page|User = user page|Nookipedia = project page|Template = template|Help = help page|Talk = talk page|User talk = user talk page|Template talk|File talk|Category talk = talk page}} is {{#switch: {{{1|semi}}}|semi = semi-protected|template = template-protected|full = fully-protected|interface = permanently-protected|move = move-protected|upload = upload-protected|creation = creation-protected}} {{#switch:{{{1|}}}|semi = to prevent editing by anonymous and new users|full = to prevent editing by non-administrator users|interface = as it comprises part of the site interface|#default=}}]]{{#if:{{{2|}}}|[[File:{{#switch: {{{2|semi}}}|semi = Semi|template = Template|full = Full|interface = Interface|move = Move|upload = Upload|creation = Creation}} Protection icon.png|30px|link=Nookipedia:Protection policy|This {{#switch: {{NAMESPACE}}|#default = page|User = user page|Nookipedia = project page|Template = template|Help = help page|Talk = talk page|User talk = user talk page|Template talk|File talk|Category talk = talk page}} is {{#switch: {{{2|semi}}}|semi = semi-protected|template = template-protected|full = fully-protected|interface = permanently-protected|move = move-protected|upload = upload-protected|creation = creation-protected}} {{#switch:{{{2|}}}|semi = to prevent editing by anonymous and new users|full = to prevent editing by non-administrator users|interface = as it comprises part of the site interface|#default=}}]]|}}</div>
+
===Styling===
 +
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; font-size: 0.8em;"
 +
|-
 +
! rowspan=2 | Class
 +
! rowspan=2 | Base Color HS
 +
! rowspan=2 style="width: 15px;" | Base (50%)
 +
! colspan=5 style="width: 150px;" | Light mode color
 +
! colspan=5 style="width: 150px;" | Dark mode color
 +
|-
 +
! Pri<br>(70%)
 +
! Sec<br>(85%)
 +
! Ter<br>(90%)
 +
! Sha<br>(40%)
 +
! Tex<br>(20%)
 +
! Pri<br>(30%)
 +
! Sec<br>(25%)
 +
! Ter<br>(20%)
 +
! Sha<br>(40%)
 +
! Tex<br>(20%)
 +
|-
 +
! colspan=13 | Gender
 +
|-
 +
| <code>color-female</code>
 +
| 306, 70%
 +
| style="background: hsl(306, 70%, 50%);" |
 +
| style="background: hsl(306, 70%, 70%);" |
 +
| style="background: hsl(306, 70%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(306, 70%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-male</code>
 +
| 214, 92%
 +
| style="background: hsl(214, 92%, 50%);" |
 +
| style="background: hsl(214, 92%, 70%);" |
 +
| style="background: hsl(214, 92%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(214, 92%, 20%);" |
 +
|
 +
|
 +
|-
 +
! colspan=13 | Item Color
 +
|-
 +
| <code>color-red</code>
 +
| 12, 87%
 +
| style="background: hsl(12, 87%, 50%);" |
 +
| style="background: hsl(12, 87%, 70%);" |
 +
| style="background: hsl(12, 87%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(12, 87%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-orange</code>
 +
| 32, 92%
 +
| style="background: hsl(32, 92%, 50%);" |
 +
| style="background: hsl(32, 92%, 70%);" |
 +
| style="background: hsl(32, 92%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(32, 92%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-yellow</code>
 +
| 42, 96%
 +
| style="background: hsl(42, 96%, 50%);" |
 +
| style="background: hsl(42, 96%, 70%);" |
 +
| style="background: hsl(42, 96%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(42, 96%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-green</code>
 +
|135, 47%
 +
| style="background: hsl(135, 47%, 50%);" |
 +
| style="background: hsl(135, 47%, 70%);" |
 +
| style="background: hsl(135, 47%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(135, 47%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-aqua</code>
 +
|196 50%
 +
| style="background: hsl(196 50%, 50%);" |
 +
| style="background: hsl(196 50%, 70%);" |
 +
| style="background: hsl(196 50%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(196 50%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-blue</code>
 +
|197 39%
 +
| style="background: hsl(197 39%, 50%);" |
 +
| style="background: hsl(197 39%, 70%);" |
 +
| style="background: hsl(197 39%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(197 39%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-purple</code>
 +
|331 33%
 +
| style="background: hsl(331 33%, 50%);" |
 +
| style="background: hsl(331 33%, 70%);" |
 +
| style="background: hsl(331 33%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(331 33%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-pink</code>
 +
|11 85%
 +
| style="background: hsl(11 85%, 50%);" |
 +
| style="background: hsl(11 85%, 70%);" |
 +
| style="background: hsl(11 85%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(11 85%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-beige</code>
 +
|50 54%
 +
| style="background: hsl(50 54%, 50%);" |
 +
| style="background: hsl(50 54%, 70%);" |
 +
| style="background: hsl(50 54%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(50 54%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-brown</code>
 +
|11 85%
 +
| style="background: hsl(31 47%, 50%);" |
 +
| style="background: hsl(31 47%, 70%);" |
 +
| style="background: hsl(31 47%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(31 47%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-gray</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-black</code>
 +
|0 0%
 +
| style="background: hsl(0 0%, 50%);" |
 +
| 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%, 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-white</code>
 +
|0 0%
 +
| style="background: hsl(0 0%, 50%);" |
 +
| 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%, 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%);" |
 +
|
 +
|
 +
|-
 +
! colspan=13 | Theme
 +
|-
 +
| <code>color-civic</code>
 +
|234 50%
 +
| style="background: hsl(234 50%, 50%);" |
 +
| style="background: hsl(234 50%, 70%);" |
 +
| style="background: hsl(234 50%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(234 50%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-cool</code>
 +
|208 96%
 +
| style="background: hsl(208 96%, 50%);" |
 +
| style="background: hsl(208 96%, 70%);" |
 +
| style="background: hsl(208 96%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(208 96%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-cute</code>
 +
|345 70%
 +
| style="background: hsl(345 70%, 50%);" |
 +
| style="background: hsl(345 70%, 70%);" |
 +
| style="background: hsl(345 70%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(345 70%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-elegant</code>
 +
|282 63%
 +
| style="background: hsl(282 63%, 50%);" |
 +
| style="background: hsl(282 63%, 70%);" |
 +
| style="background: hsl(282 63%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(282 63%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-harmonious</code>
 +
|12 74%
 +
| style="background: hsl(12 74%, 50%);" |
 +
| style="background: hsl(12 74%, 70%);" |
 +
| style="background: hsl(12 74%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(12 74%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-hip</code>
 +
|30 90%
 +
| style="background: hsl(30 90%, 50%);" |
 +
| style="background: hsl(30 90%, 70%);" |
 +
| style="background: hsl(30 90%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(30 90%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-historical</code>
 +
|341 45%
 +
| style="background: hsl(341 45%, 50%);" |
 +
| style="background: hsl(341 45%, 70%);" |
 +
| style="background: hsl(341 45%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(341 45%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-modern</code>
 +
|12 74%
 +
| style="background: hsl(177 58%, 50%);" |
 +
| style="background: hsl(177 58%, 70%);" |
 +
| style="background: hsl(177 58%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(177 58%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-natural</code>
 +
|44 96%
 +
| style="background: hsl(44 96%, 50%);" |
 +
| style="background: hsl(44 96%, 70%);" |
 +
| style="background: hsl(44 96%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(44 96%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-rustic</code>
 +
|71 98%
 +
| style="background: hsl(71 98%, 50%);" |
 +
| style="background: hsl(71 98%, 70%);" |
 +
| style="background: hsl(71 98%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(71 98%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-sporty</code>
 +
|161 93%
 +
| style="background: hsl(161 93%, 50%);" |
 +
| style="background: hsl(161 93%, 70%);" |
 +
| style="background: hsl(161 93%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(161 93%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-generic</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-special</code>
 +
|53 100%
 +
| style="background: hsl(53 100%, 50%);" |
 +
| style="background: hsl(53 100%, 70%);" |
 +
| style="background: hsl(53 100%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(53 100%, 20%);" |
 +
|
 +
|
 +
|-
 +
! colspan=13 | Category
 +
|-
 +
| <code>color-art</code>
 +
|23 61%
 +
| style="background: hsl(23 61%, 50%);" |
 +
| style="background: hsl(23 61%, 70%);" |
 +
| style="background: hsl(23 61%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(23 61%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-bug</code>
 +
|78 76%
 +
| style="background: hsl(78 76%, 50%);" |
 +
| style="background: hsl(78 76%, 70%);" |
 +
| style="background: hsl(78 76%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(78 76%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-design</code>
 +
|353 72%
 +
| style="background: hsl(353 72%, 50%);" |
 +
| style="background: hsl(353 72%, 70%);" |
 +
| style="background: hsl(353 72%, 85%);" |
 +
| 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%, 25%);" |
 +
| 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>
 +
|215 100%
 +
| style="background: hsl(215 100%, 50%);" |
 +
| style="background: hsl(215 100%, 70%);" |
 +
| style="background: hsl(215 100%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(215 100%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-fashion</code>
 +
|322 49% (pri)<br>320 45% (sub)
 +
| style="background: hsl(322 49%, 50%);" |
 +
| style="background: hsl(322 49%, 70%);" |
 +
| style="background: hsl(320 45%, 85%);" |
 +
| 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(320 45%, 25%);" |
 +
| style="background: hsl(320 45%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-film</code>
 +
|318 69%
 +
| style="background: hsl(318 69%, 50%);" |
 +
| style="background: hsl(318 69%, 70%);" |
 +
| style="background: hsl(318 69%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(318 69%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-fish</code>
 +
|200 100%
 +
| style="background: hsl(200 100%, 50%);" |
 +
| style="background: hsl(200 100%, 70%);" |
 +
| style="background: hsl(200 100%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(200 100%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-flora</code>
 +
|350 100% (light)<br>345 60% (dark)
 +
| style="background: hsl(350 100%, 50%);" |
 +
| style="background: hsl(350 100%, 84%); color: black;" |84%
 +
| style="background: hsl(350 100%, 93%); color: black;" |93%
 +
| 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%, 35%); color: black;" |35%
 +
| style="background: hsl(345 60%, 30%); color: black;" |30%
 +
|
 +
|
 +
|-
 +
| <code>color-fossil</code>
 +
|43 74%
 +
| style="background: hsl(43 74%, 50%);" |
 +
| style="background: hsl(43 74%, 70%);" |
 +
| style="background: hsl(43 74%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(43 74%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-furniture</code>
 +
|106 50%
 +
| style="background: hsl(106 50%, 50%);" |
 +
| style="background: hsl(106 50%, 70%);" |
 +
| style="background: hsl(106 50%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(106 50%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-gameplay</code>
 +
|163 58% (pri)<br>160 61% (sub)
 +
| style="background: hsl(163 58%, 50%);" |
 +
| style="background: hsl(163 58%, 70%);" |
 +
| style="background: hsl(160 61%, 85%);" |
 +
| 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(160 61%, 25%);" |
 +
| style="background: hsl(160 61%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-geography</code>
 +
|120 50%
 +
| style="background: hsl(120 50%, 50%);" |
 +
| style="background: hsl(120 50%, 70%);" |
 +
| style="background: hsl(120 50%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(120 50%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-image</code>
 +
|269 74%
 +
| style="background: hsl(269 74%, 50%);" |
 +
| style="background: hsl(269 74%, 70%);" |
 +
| style="background: hsl(269 74%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(269 74%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-islander</code>
 +
|45 75%
 +
| style="background: hsl(45 75%, 50%);" |
 +
| style="background: hsl(45 75%, 70%);" |
 +
| style="background: hsl(45 75%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(45 75%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-item</code>
 +
|50 95%
 +
| style="background: hsl(50 95%, 50%);" |
 +
| style="background: hsl(50 95%, 70%);" |
 +
| style="background: hsl(50 95%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(50 95%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-location</code>
 +
|146 42%
 +
| style="background: hsl(146 42%, 50%);" |
 +
| style="background: hsl(146 42%, 70%);" |
 +
| style="background: hsl(146 42%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(146 42%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-manga</code>
 +
|318 34%
 +
| style="background: hsl(318 34%, 50%);" |
 +
| style="background: hsl(318 34%, 70%);" |
 +
| style="background: hsl(318 34%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(318 34%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-merchandise</code>
 +
|193 53%
 +
| style="background: hsl(193 53%, 50%);" |
 +
| style="background: hsl(193 53%, 70%);" |
 +
| style="background: hsl(193 53%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(193 53%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-minigame</code>
 +
|782 75%
 +
| style="background: hsl(782 75%, 50%);" |
 +
| style="background: hsl(782 75%, 70%);" |
 +
| style="background: hsl(782 75%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(782 75%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-museum</code>
 +
|60 31%
 +
| style="background: hsl(60 31%, 50%);" |
 +
| style="background: hsl(60 31%, 70%);" |
 +
| style="background: hsl(60 31%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(60 31%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-music</code>
 +
|0 59%
 +
| style="background: hsl(0 59%, 50%);" |
 +
| style="background: hsl(0 59%, 70%);" |
 +
| style="background: hsl(0 59%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(0 59%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-nookipedia</code>
 +
|99 45%
 +
| style="background: hsl(99 45%, 50%);" |
 +
| style="background: hsl(99 45%, 70%);" |
 +
| style="background: hsl(99 45%, 85%);" |
 +
| 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%, 25%);" |
 +
| 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>
 +
|248 53%
 +
| style="background: hsl(248 53%, 50%);" |
 +
| style="background: hsl(248 53%, 70%);" |
 +
| style="background: hsl(248 53%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(248 53%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-reaction</code>
 +
|277 57%
 +
| style="background: hsl(277 57%, 50%);" |
 +
| style="background: hsl(277 57%, 70%);" |
 +
| style="background: hsl(277 57%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(277 57%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-realworld</code>
 +
|60 20%
 +
| style="background: hsl(60 20%, 50%);" |
 +
| style="background: hsl(60 20%, 70%);" |
 +
| style="background: hsl(60 20%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(60 20%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-seacreature</code>
 +
|215 100%
 +
| style="background: hsl(215 100%, 50%);" |
 +
| style="background: hsl(215 100%, 70%);" |
 +
| style="background: hsl(215 100%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(215 100%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-special</code>
 +
|81 87%
 +
| style="background: hsl(81 87%, 50%);" |
 +
| style="background: hsl(81 87%, 70%);" |
 +
| style="background: hsl(81 87%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(81 87%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-species</code>
 +
|280 61%
 +
| style="background: hsl(280 61%, 50%);" |
 +
| style="background: hsl(280 61%, 70%);" |
 +
| style="background: hsl(280 61%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(280 61%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-ssb</code>
 +
|34 57% (pri)<br>39 77%% (sub)
 +
| style="background: hsl(34 57%, 50%);" |
 +
| style="background: hsl(34 57%, 70%);" |
 +
| style="background: hsl(39 77%, 85%);" |
 +
| 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(39 77%, 25%);" |
 +
| style="background: hsl(39 77%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-system</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-series</code>
 +
|39 100% (pri)<br>42 73% (sub)
 +
| style="background: hsl(39 100%, 50%);" |
 +
| style="background: hsl(39 100%, 70%);" |
 +
| style="background: hsl(42 73%, 85%);" |
 +
| 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(42 73%, 25%);" |
 +
| style="background: hsl(42 73%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-tools</code>
 +
|34 93%
 +
| style="background: hsl(34 93%, 50%);" |
 +
 
 +
| style="background: hsl(34 93%, 70%);" |
 +
| style="background: hsl(34 93%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(34 93%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-town</code>
 +
|101 28%
 +
| style="background: hsl(101 28%, 50%);" |
 +
| style="background: hsl(101 28%, 70%);" |
 +
| style="background: hsl(101 28%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(101 28%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-update</code>
 +
|144 39%
 +
| style="background: hsl(144 39%, 50%);" |
 +
| style="background: hsl(144 39%, 70%);" |
 +
| style="background: hsl(144 39%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(144 39%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-user</code>
 +
|50 70%
 +
| style="background: hsl(50 70%, 50%);" |
 +
| style="background: hsl(50 70%, 70%);" |
 +
| style="background: hsl(50 70%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(50 70%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-villager</code>
 +
|195 52%
 +
| style="background: hsl(195 52%, 50%);" |
 +
| style="background: hsl(195 52%, 70%);" |
 +
| style="background: hsl(195 52%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(195 52%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-season</code>
 +
|96 70%
 +
| style="background: hsl(96 70%, 50%);" |
 +
| style="background: hsl(96 70%, 70%);" |
 +
| style="background: hsl(96 70%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(96 70%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-spring</code>
 +
|333 83%
 +
| style="background: hsl(333 83%, 50%);" |
 +
| style="background: hsl(333 83%, 70%);" |
 +
| style="background: hsl(333 83%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(333 83%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-summer</code>
 +
|191 84%
 +
| style="background: hsl(191 84%, 50%);" |
 +
| style="background: hsl(191 84%, 70%);" |
 +
| style="background: hsl(191 84%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(191 84%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-fall</code>
 +
|29 87%
 +
| style="background: hsl(29 87%, 50%);" |
 +
| style="background: hsl(29 87%, 70%);" |
 +
| style="background: hsl(29 87%, 85%);" |
 +
| 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%, 25%);" |
 +
| style="background: hsl(29 87%, 20%);" |
 +
|
 +
|
 +
|-
 +
| <code>color-winter</code>
 +
|241 59%
 +
| style="background: hsl(241 59%, 50%);" |
 +
| style="background: hsl(241 59%, 70%);" |
 +
| style="background: hsl(241 59%, 85%);" |
 +
| 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%, 25%);" |
 +
| 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%
Retrieved from "https://nookipedia.com/w/index.php?title=User:Dorsal_Axe/Sandbox/Lemon&oldid=1157556"