Difference between revisions of "Template:Hsl-hsv-examples"
Jump to navigation
Jump to search
imported>Crissov ({{coltit}}, .sortable) |
imported>Jonesey95 |
||
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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{Coltit|80FFFF|000}}{{Ntsh|6}}<code>#80FFFF</code> |
| 50% | | 50% | ||
| 100% | | 100% | ||
Line 110: | Line 110: | ||
| 40% | | 40% | ||
|- | |- | ||
− | |{{Coltit|8080FF|FFF}}{{Ntsh|7}}< | + | |{{Coltit|8080FF|FFF}}{{Ntsh|7}}<code>#8080FF</code> |
| 50% | | 50% | ||
| 50% | | 50% | ||
Line 124: | Line 124: | ||
| 25% | | 25% | ||
|- | |- | ||
− | |{{Coltit|BF40BF|FFF}}{{Ntsh|8}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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}}< | + | |{{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 | 0% | 100% | 100% | 100% | 100% | 0% | ||||
title="color 808080" style="background: /* */Template:Number sign808080; color: /* */Template:Number signFFF; Template:Text-align"| #808080
|
50% | 50% | 50% | N/A | 0% | 50% | 50% | 50% | 50% | 0% | ||||
title="color 000" style="background: /* */Template:Number sign000; color: /* */Template:Number signFFF; Template:Text-align"| black
|
0% | 0% | 0% | N/A | 0% | 0% | 0% | 0% | 0% | 0% | ||||
title="color F00" style="background: /* */Template:Number signF00; color: /* */Template:Number signFFF; Template:Text-align"| red
|
100% | 0% | 0% | 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% | 0% | 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
|
0% | 50% | 0% | 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% | 5.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
|
9.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% |