06d. Kolor - hsl i JavaScript

Tęcza

<script>
    for(var h=0; h<=360; h++)
        document.write('<div style="height:5px;width:100%;float:left;background:hsl('+h+',100%,50%)"></div>');
</script>

 

Wszystkie odcienie koloru

Wszystie odcienie koloru
<script>
    for(var s=0; s<=100; s++)
        document.write('<div style="height:10px;width:100%;float:left;background:hsl(0,'+s+'%,50%)"></div>');
</script>

 

Wszystkie jasności koloru

<script>
    for(var l=0; l<=100; l++)
        document.write('<div style="height:10px;width:100%;float:left;background:hsl(0,100%,'+l+'%)"></div>');
</script>