Template:Hsl-hsv-examples

From blackwiki
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 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%