Using hue to change color

Yo guys,*help me out I cant find the problem here.

Tell us what’s happening:*

Your code so far

body {
  background-color: #FFFFFF;

.green {
  background-color:  hs1(120, 100%, 50%);


.cyan {
  background-color: hs1(180, 100%, 50%);

.blue {
  background-color: hs1(240, 100%, 50%);

div {
  display: inline-block;
  height: 100px;
  width: 100px;

<div class="green"></div>
<div class="cyan"></div>
<div class="blue"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.125 Safari/537.36.

Challenge: Adjust the Hue of a Color

Link to the challenge:


you use hs1 with (1: one) but it is hsl (with l like in lightness)!

1 Like