Template:Hsl-hsv-examples
Jump to navigation
Jump to search
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% |