Example: Change Color

Move the mouse pointer over the box below to change the background-color randomly with hsl color code.

backgroundColor: hsl({{ colorVal }}, 80%, 80%)

To understand how to set a color in CSS with 'hsl()' see our page about this.