CodePen Embed - HSL lightness

<div></div>
<div></div>

body {
  margin: 0;
  display: flex;
}

div {
  height: 100vh;
  width: 50vw;
  background-color: hsl(240deg 100% 50%);
}

div:nth-child(2) {

    background-color: hsl(60deg 100% 50%);
}

This Pen is owned by Ollie Williams on CodePen.

See more by @cssgrid on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.