Difference between revisions of "Template:Hsl-hsv-examples"

From blackwiki
Jump to navigation Jump to search
imported>Crissov
({{coltit}}, .sortable)
imported>Jonesey95
m (Fix Linter errors using AutoEd)
 
Line 24: Line 24:
 
!style="min-width: 4ch;" title="HSI"| ''S''<sub>''I''</sub>
 
!style="min-width: 4ch;" title="HSI"| ''S''<sub>''I''</sub>
 
|-
 
|-
|{{Coltit|FFF|000}}{{Ntsh|0}}<tt>white</tt>
+
|{{Coltit|FFF|000}}{{Ntsh|0}}<code>white</code>
 
| 100%
 
| 100%
 
| 100%
 
| 100%
Line 36: Line 36:
 
|colspan=3| {{0}}0%
 
|colspan=3| {{0}}0%
 
|-
 
|-
|{{Coltit|808080|FFF}}{{Ntsh|1}}<tt>#808080</tt>
+
|{{Coltit|808080|FFF}}{{Ntsh|1}}<code>#808080</code>
 
| 50%
 
| 50%
 
| 50%
 
| 50%
Line 48: Line 48:
 
|colspan=3| {{0}}0%
 
|colspan=3| {{0}}0%
 
|-
 
|-
|{{Coltit|000|FFF}}{{Ntsh|2}}<tt>black</tt>
+
|{{Coltit|000|FFF}}{{Ntsh|2}}<code>black</code>
 
| {{0}}0%
 
| {{0}}0%
 
| {{0}}0%
 
| {{0}}0%
Line 60: Line 60:
 
|colspan=3| {{0}}0%
 
|colspan=3| {{0}}0%
 
|-
 
|-
|{{Coltit|F00|FFF}}{{Ntsh|3}}<tt>red</tt>
+
|{{Coltit|F00|FFF}}{{Ntsh|3}}<code>red</code>
 
| 100%
 
| 100%
 
| {{0}}0%
 
| {{0}}0%
Line 72: Line 72:
 
|colspan=3| 100%
 
|colspan=3| 100%
 
|-
 
|-
|{{Coltit|BFBF00|FFF}}{{Ntsh|4}}<tt>#BFBF00</tt>
+
|{{Coltit|BFBF00|FFF}}{{Ntsh|4}}<code>#BFBF00</code>
 
| 75%
 
| 75%
 
| 75%
 
| 75%
Line 84: Line 84:
 
|colspan=3| 100%
 
|colspan=3| 100%
 
|-
 
|-
|{{Coltit|008000|FFF}}{{Ntsh|5}}<tt>#008000</tt>
+
|{{Coltit|008000|FFF}}{{Ntsh|5}}<code>#008000</code>
 
| {{0}}0%
 
| {{0}}0%
 
| 50%
 
| 50%
Line 96: Line 96:
 
|colspan=3| 100%
 
|colspan=3| 100%
 
|-
 
|-
|{{Coltit|80FFFF|000}}{{Ntsh|6}}<tt>#80FFFF</tt>
+
|{{Coltit|80FFFF|000}}{{Ntsh|6}}<code>#80FFFF</code>
 
| 50%
 
| 50%
 
| 100%
 
| 100%
Line 110: Line 110:
 
| 40%
 
| 40%
 
|-
 
|-
|{{Coltit|8080FF|FFF}}{{Ntsh|7}}<tt>#8080FF</tt>
+
|{{Coltit|8080FF|FFF}}{{Ntsh|7}}<code>#8080FF</code>
 
| 50%
 
| 50%
 
| 50%
 
| 50%
Line 124: Line 124:
 
| 25%
 
| 25%
 
|-
 
|-
|{{Coltit|BF40BF|FFF}}{{Ntsh|8}}<tt>#BF40BF</tt>
+
|{{Coltit|BF40BF|FFF}}{{Ntsh|8}}<code>#BF40BF</code>
 
| 75%
 
| 75%
 
| 25%
 
| 25%
Line 138: Line 138:
 
| 57.1%
 
| 57.1%
 
|-
 
|-
|{{Coltit|A0A424|FFF}}{{Ntsh|9}}<tt>#A0A424</tt>
+
|{{Coltit|A0A424|FFF}}{{Ntsh|9}}<code>#A0A424</code>
 
| 62.8%
 
| 62.8%
 
| 64.3%
 
| 64.3%
Line 154: Line 154:
 
| 69.9%
 
| 69.9%
 
|-
 
|-
|{{Coltit|411BEA|FFF}}{{Ntsh|10}}<tt>#411BEA</tt>
+
|{{Coltit|411BEA|FFF}}{{Ntsh|10}}<code>#411BEA</code>
 
| 25.5%
 
| 25.5%
 
| 10.4%
 
| 10.4%
Line 170: Line 170:
 
| 75.6%
 
| 75.6%
 
|-
 
|-
|{{Coltit|1EAC41|FFF}}{{Ntsh|11}}<tt>#1EAC41</tt>
+
|{{Coltit|1EAC41|FFF}}{{Ntsh|11}}<code>#1EAC41</code>
 
| 11.6%
 
| 11.6%
 
| 67.5%
 
| 67.5%
Line 186: Line 186:
 
| 66.7%
 
| 66.7%
 
|-
 
|-
|{{Coltit|F0C80E|FFF}}{{Ntsh|12}}<tt>#F0C80E</tt>
+
|{{Coltit|F0C80E|FFF}}{{Ntsh|12}}<code>#F0C80E</code>
 
| 94.1%
 
| 94.1%
 
| 78.5%
 
| 78.5%
Line 202: Line 202:
 
| 91.1%
 
| 91.1%
 
|-
 
|-
|{{Coltit|B430E5|FFF}}{{Ntsh|13}}<tt>#B430E5</tt>
+
|{{Coltit|B430E5|FFF}}{{Ntsh|13}}<code>#B430E5</code>
 
| 70.4%
 
| 70.4%
 
| 18.7%
 
| 18.7%
Line 218: Line 218:
 
| 68.6%
 
| 68.6%
 
|-
 
|-
|{{Coltit|ED7651|FFF}}{{Ntsh|14}}<tt>#ED7651</tt>
+
|{{Coltit|ED7651|FFF}}{{Ntsh|14}}<code>#ED7651</code>
 
| 93.1%
 
| 93.1%
 
| 46.3%
 
| 46.3%
Line 234: Line 234:
 
| 44.6%
 
| 44.6%
 
|-
 
|-
|{{Coltit|FEF888|000}}{{Ntsh|15}}<tt>#FEF888</tt>
+
|{{Coltit|FEF888|000}}{{Ntsh|15}}<code>#FEF888</code>
 
| 99.8%
 
| 99.8%
 
| 97.4%
 
| 97.4%
Line 250: Line 250:
 
| 36.3%
 
| 36.3%
 
|-
 
|-
|{{Coltit|19CB97|FFF}}{{Ntsh|16}}<tt>#19CB97</tt>
+
|{{Coltit|19CB97|FFF}}{{Ntsh|16}}<code>#19CB97</code>
 
| {{0}}9.9%
 
| {{0}}9.9%
 
| 79.5%
 
| 79.5%
Line 266: Line 266:
 
| 80%
 
| 80%
 
|-
 
|-
|{{Coltit|362698|FFF}}{{Ntsh|17}}<tt>#362698</tt>
+
|{{Coltit|362698|FFF}}{{Ntsh|17}}<code>#362698</code>
 
| 21.1%
 
| 21.1%
 
| 14.9%
 
| 14.9%
Line 282: Line 282:
 
| 53.3%
 
| 53.3%
 
|-
 
|-
|{{Coltit|7E7EB8|FFF}}{{Ntsh|18}}<tt>#7E7EB8</tt>
+
|{{Coltit|7E7EB8|FFF}}{{Ntsh|18}}<code>#7E7EB8</code>
 
| 49.5%
 
| 49.5%
 
| 49.3%
 
| 49.3%

Latest revision as of 20:20, 4 March 2020

Color Channel Hue Chroma Component Luma Saturation
R G B H H2 C C2 V L I Y′601 SV SL SI
title="color FFF" style="background: /* */Template:Number signFFF; color: /* */Template:Number sign000; Template:Text-align"| white 100% 100% 100% N/A 00% 100% 100% 100% 100% 00%
title="color 808080" style="background: /* */Template:Number sign808080; color: /* */Template:Number signFFF; Template:Text-align"| #808080 50% 50% 50% N/A 00% 50% 50% 50% 50% 00%
title="color 000" style="background: /* */Template:Number sign000; color: /* */Template:Number signFFF; Template:Text-align"| black 00% 00% 00% N/A 00% 00% 00% 00% 00% 00%
title="color F00" style="background: /* */Template:Number signF00; color: /* */Template:Number signFFF; Template:Text-align"| red 100% 00% 00% Template:Nts° 100% 100% 50% 33.3% 29.9% 100%
title="color BFBF00" style="background: /* */Template:Number signBFBF00; color: /* */Template:Number signFFF; Template:Text-align"| #BFBF00 75% 75% 00% Template:Nts° 75% 75% 37.5% 50% 66.4% 100%
title="color 008000" style="background: /* */Template:Number sign008000; color: /* */Template:Number signFFF; Template:Text-align"| #008000 00% 50% 00% Template:Nts° 50% 50% 25% 16.7% 29.3% 100%
title="color 80FFFF" style="background: /* */Template:Number sign80FFFF; color: /* */Template:Number sign000; Template:Text-align"| #80FFFF 50% 100% 100% Template:Nts° 50% 100% 75% 83.3% 85% 50% 100% 40%
title="color 8080FF" style="background: /* */Template:Number sign8080FF; color: /* */Template:Number signFFF; Template:Text-align"| #8080FF 50% 50% 100% Template:Nts° 50% 100% 75% 66.7% 55.7% 50% 100% 25%
title="color BF40BF" style="background: /* */Template:Number signBF40BF; color: /* */Template:Number signFFF; Template:Text-align"| #BF40BF 75% 25% 75% Template:Nts° 50% 75% 50% 58.3% 45.7% 66.7% 50% 57.1%
title="color A0A424" style="background: /* */Template:Number signA0A424; color: /* */Template:Number signFFF; Template:Text-align"| #A0A424 62.8% 64.3% 14.2% Template:Nts° Template:Nts° 50.1% 49.4% 64.3% 39.3% 47.1% 58.1% 77.9% 63.8% 69.9%
title="color 411BEA" style="background: /* */Template:Number sign411BEA; color: /* */Template:Number signFFF; Template:Text-align"| #411BEA 25.5% 10.4% 91.8% Template:Nts° Template:Nts° 81.4% 75% 91.8% 51.1% 42.6% 24.2% 88.7% 83.2% 75.6%
title="color 1EAC41" style="background: /* */Template:Number sign1EAC41; color: /* */Template:Number signFFF; Template:Text-align"| #1EAC41 11.6% 67.5% 25.5% Template:Nts° Template:Nts° 55.9% 50.4% 67.5% 39.6% 34.9% 46% 82.8% 70.7% 66.7%
title="color F0C80E" style="background: /* */Template:Number signF0C80E; color: /* */Template:Number signFFF; Template:Text-align"| #F0C80E 94.1% 78.5% 05.3% Template:Nts° Template:Nts° 88.8% 82.1% 94.1% 49.8% 59.3% 74.8% 94.4% 89.3% 91.1%
title="color B430E5" style="background: /* */Template:Number signB430E5; color: /* */Template:Number signFFF; Template:Text-align"| #B430E5 70.4% 18.7% 89.7% Template:Nts° Template:Nts° 71% 63.6% 89.7% 54.3% 59.6% 42.3% 79.2% 77.5% 68.6%
title="color ED7651" style="background: /* */Template:Number signED7651; color: /* */Template:Number signFFF; Template:Text-align"| #ED7651 93.1% 46.3% 31.6% Template:Nts° Template:Nts° 61.5% 55.6% 93.1% 62.4% 57% 58.6% 66.1% 81.7% 44.6%
title="color FEF888" style="background: /* */Template:Number signFEF888; color: /* */Template:Number sign000; Template:Text-align"| #FEF888 99.8% 97.4% 53.2% Template:Nts° Template:Nts° 46.6% 45.4% 99.8% 76.5% 83.5% 93.1% 46.7% 99.1% 36.3%
title="color 19CB97" style="background: /* */Template:Number sign19CB97; color: /* */Template:Number signFFF; Template:Text-align"| #19CB97 09.9% 79.5% 59.1% Template:Nts° Template:Nts° 69.6% 62% 79.5% 44.7% 49.5% 56.4% 87.5% 77.9% 80%
title="color 362698" style="background: /* */Template:Number sign362698; color: /* */Template:Number signFFF; Template:Text-align"| #362698 21.1% 14.9% 59.7% Template:Nts° Template:Nts° 44.8% 42% 59.7% 37.3% 31.9% 21.9% 75% 60.1% 53.3%
title="color 7E7EB8" style="background: /* */Template:Number sign7E7EB8; color: /* */Template:Number signFFF; Template:Text-align"| #7E7EB8 49.5% 49.3% 72.1% Template:Nts° Template:Nts° 22.8% 22.7% 72.1% 60.8% 57% 52% 31.6% 29% 13.5%