Move the mouse pointer over the box below to change the background-color randomly with hsl color code.
A: Simple click with step-size 1 count up
backgroundColor: hsl({{ colorVal0 }}, {{ s_value}}, {{ l_value }})
B: Mouse right-click with step-size 2 count down
backgroundColor: hsl({{ colorVal1 }}, {{ s_value}}, {{ l_value }})
C: Mouse left-click with step-size 5 count up
backgroundColor: hsl({{ colorVal2 }}, {{ s_value}}, {{ l_value }})
D: Mouseover with step-size 10 count down
backgroundColor: hsl({{ colorVal3 }}, {{ s_value}}, {{ l_value }})
E: Mouse middle-click for reset of all background-color of concern seperately