MT20-Unit2-Color-2 HSL (Copy 822) – CODEBOX

MT20-Unit2-Color-2 HSL (Copy 822)

✨ นางสาวธนัชพร รัศมีสุริยะ

<style>
  body{
    background:#333;
    margin:0;
  }
  div{
    width:100%;
    height:3.03vh;
    background:#ccc;
  }
</style>
<div style="background:hsl(178, 81%, 100%)"></div>
<div style="background:hsl(178, 81%, 98%)"></div>
<div style="background:hsl(178, 81%, 96%)"></div>
<div style="background:hsl(178, 81%, 94%)"></div>
<div style="background:hsl(178, 81%, 92%)"></div>
<div style="background:hsl(178, 81%, 90%)"></div>
<div style="background:hsl(178, 81%, 88%)"></div>
<div style="background:hsl(178, 81%, 86%)"></div>
<div style="background:hsl(178, 81%, 84%)"></div>
<div style="background:hsl(178, 81%, 82%)"></div>
<div style="background:hsl(178, 81%, 80%)"></div>
<div style="background:hsl(178, 81%, 78%)"></div>
<div style="background:hsl(178, 81%, 76%)"></div>
<div style="background:hsl(178, 81%, 73%)"></div>
<div style="background:hsl(178, 81%, 70%)"></div>
<div style="background:hsl(178, 81%, 67%)"></div>
<div style="background:hsl(178, 81%, 64%)"></div>
<div style="background:hsl(178, 81%, 55%)"></div>
<div style="background:hsl(178, 81%, 52%)"></div>
<div style="background:hsl(178, 81%, 48%)"></div>
<div style="background:hsl(178, 81%, 44%)"></div>
<div style="background:hsl(178, 81%, 40%)"></div>
<div style="background:hsl(178, 81%, 38%)"></div>
<div style="background:hsl(178, 81%, 34%)"></div>
<div style="background:hsl(178, 81%, 29%)"></div>
<div style="background:hsl(178, 81%, 25%)"></div>
<div style="background:hsl(178, 81%, 21%)"></div>
<div style="background:hsl(178, 81%, 18%)"></div>
<div style="background:hsl(178, 81%, 14%)"></div>
<div style="background:hsl(178, 81%, 11%"></div>
<div style="background:hsl(178, 81%, 9%)"></div>
<div style="background:hsl(178, 81%, 5%)"></div>
<div style="background:hsl(178, 81%, 0%)"></div>