Difference between revisions of "Template:Hsl-swatches"

From blackwiki
Jump to navigation Jump to search
imported>Cedar101
(html -> wikitext)
imported>Cedar101
({{Diagonal split header}})
Line 4: Line 4:
 
|
 
|
  
{| style="background-color: #eeeeee; padding: 1em; padding: 1em;"
+
{| class="wikitable" style="background-color: #eeeeee; padding: 1em; padding: 1em;"
 
!
 
!
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 180°'''<br>(Cyan)
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 180°'''<br>(Cyan)
Line 10: Line 10:
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 0°'''<br>(Red)
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 0°'''<br>(Red)
 
|-
 
|-
! style="min-width: 3em;" | ''L'' \ ''S''
+
! style="min-width: 3em;" {{Diagonal split header| ''L'' | ''S''}}
 
! style="font-weight: normal; min-width: 2.2em;" | 1
 
! style="font-weight: normal; min-width: 2.2em;" | 1
 
! style="font-weight: normal; min-width: 2.2em;" | ¾
 
! style="font-weight: normal; min-width: 2.2em;" | ¾
Line 122: Line 122:
 
|
 
|
  
{| style="background-color: #eeeeee; padding: 1em; padding: 1em;"
+
{| class="wikitable" style="background-color: #eeeeee; padding: 1em; padding: 1em;"
 
!
 
!
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 210°'''<br>(Blue-Cyan)
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 210°'''<br>(Blue-Cyan)
Line 128: Line 128:
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 30°'''<br>(Yellow-Red)
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 30°'''<br>(Yellow-Red)
 
|-
 
|-
! style="min-width: 3em;" | ''L'' \ ''S''
+
! style="min-width: 3em;" {{Diagonal split header| ''L'' | ''S''}}
 
! style="font-weight: normal; min-width: 2.2em;" | 1
 
! style="font-weight: normal; min-width: 2.2em;" | 1
 
! style="font-weight: normal; min-width: 2.2em;" | ¾
 
! style="font-weight: normal; min-width: 2.2em;" | ¾
Line 241: Line 241:
 
|
 
|
  
{| style="background-color: #eeeeee; padding: 1em; padding: 1em;"
+
{| class="wikitable" style="background-color: #eeeeee; padding: 1em; padding: 1em;"
 
!
 
!
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 240°'''<br>(Blue)
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 240°'''<br>(Blue)
Line 247: Line 247:
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 60°'''<br>(Yellow)
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 60°'''<br>(Yellow)
 
|-
 
|-
! style="min-width: 3em;" | ''L'' \ ''S''
+
! style="min-width: 3em;" {{Diagonal split header| ''L'' | ''S''}}
 
! style="font-weight: normal; min-width: 2.2em;" | 1
 
! style="font-weight: normal; min-width: 2.2em;" | 1
 
! style="font-weight: normal; min-width: 2.2em;" | ¾
 
! style="font-weight: normal; min-width: 2.2em;" | ¾
Line 359: Line 359:
 
|
 
|
  
{| style="background-color: #eeeeee; padding: 1em; padding: 1em;"
+
{| class="wikitable" style="background-color: #eeeeee; padding: 1em; padding: 1em;"
 
!
 
!
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 270°'''<br>(Magenta-Blue)
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 270°'''<br>(Magenta-Blue)
Line 365: Line 365:
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 90°'''<br>(Green-Yellow)
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 90°'''<br>(Green-Yellow)
 
|-
 
|-
! style="min-width: 3em;" | ''L'' \ ''S''
+
! style="min-width: 3em;" {{Diagonal split header| ''L'' | ''S''}}
 
! style="font-weight: normal; min-width: 2.2em;" | 1
 
! style="font-weight: normal; min-width: 2.2em;" | 1
 
! style="font-weight: normal; min-width: 2.2em;" | ¾
 
! style="font-weight: normal; min-width: 2.2em;" | ¾
Line 478: Line 478:
 
|
 
|
  
{| style="background-color: #eeeeee; padding: 1em; padding: 1em;"
+
{| class="wikitable" style="background-color: #eeeeee; padding: 1em; padding: 1em;"
 
!
 
!
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 300°'''<br>(Magenta)
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 300°'''<br>(Magenta)
Line 484: Line 484:
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 120°'''<br>(Green)
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 120°'''<br>(Green)
 
|-
 
|-
! style="min-width: 3em;" | ''L'' \ ''S''
+
! style="min-width: 3em;" {{Diagonal split header| ''L'' | ''S''}}
 
! style="font-weight: normal; min-width: 2.2em;" | 1
 
! style="font-weight: normal; min-width: 2.2em;" | 1
 
! style="font-weight: normal; min-width: 2.2em;" | ¾
 
! style="font-weight: normal; min-width: 2.2em;" | ¾
Line 596: Line 596:
 
|
 
|
  
{| style="background-color: #eeeeee; padding: 1em; padding: 1em;"
+
{| class="wikitable" style="background-color: #eeeeee; padding: 1em; padding: 1em;"
 
!
 
!
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 330°'''<br>(Red-Magenta)
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 330°'''<br>(Red-Magenta)
Line 602: Line 602:
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 150°'''<br>(Cyan-Green)
 
! colspan="4" style="font-weight: normal;" | '''''H'' = 150°'''<br>(Cyan-Green)
 
|-
 
|-
! style="min-width: 3em;" | ''L'' \ ''S''
+
! style="min-width: 3em;" {{Diagonal split header| ''L'' | ''S''}}
 
! style="font-weight: normal; min-width: 2.2em;" | 1
 
! style="font-weight: normal; min-width: 2.2em;" | 1
 
! style="font-weight: normal; min-width: 2.2em;" | ¾
 
! style="font-weight: normal; min-width: 2.2em;" | ¾

Revision as of 13:58, 13 June 2017

H = 180°
(Cyan)
H = 0°
(Red)
S
L
1 ¾ ½ ¼ 0 ¼ ½ ¾ 1
1                  
                 
¾                  
                 
½                  
                 
¼                  
                 
0                  
H = 210°
(Blue-Cyan)
H = 30°
(Yellow-Red)
S
L
1 ¾ ½ ¼ 0 ¼ ½ ¾ 1
1                  
                 
¾                  
                 
½                  
                 
¼                  
                 
0                  
H = 240°
(Blue)
H = 60°
(Yellow)
S
L
1 ¾ ½ ¼ 0 ¼ ½ ¾ 1
1                  
                 
¾                  
                 
½                  
                 
¼                  
                 
0                  
H = 270°
(Magenta-Blue)
H = 90°
(Green-Yellow)
S
L
1 ¾ ½ ¼ 0 ¼ ½ ¾ 1
1                  
                 
¾                  
                 
½                  
                 
¼                  
                 
0                  
H = 300°
(Magenta)
H = 120°
(Green)
S
L
1 ¾ ½ ¼ 0 ¼ ½ ¾ 1
1                  
                 
¾                  
                 
½                  
                 
¼                  
                 
0                  
H = 330°
(Red-Magenta)
H = 150°
(Cyan-Green)
S
L
1 ¾ ½ ¼ 0 ¼ ½ ¾ 1
1                  
                 
¾                  
                 
½                  
                 
¼                  
                 
0