FAQ: CSS Color - Hue, Saturation, and Lightness

Frequently Asked Questions CSS FAQ
23

For the first question
In the browser is a simple page with different colored rectangles.
In style.css, modify the lightness of the background color of the class selector .midground to be 25%.

I have modified like this
midground, .foreground {
position: absolute;
top: 0;
left: 0;
display: inline-block;
margin: 15vh 0 0 15vw;
padding: 0;
width: 35vw;
height: 59vh;

}

body {
background-color: hsl(60, 100%, 80%);
}

.midground {
background-color: hsl(255, 100%, 25%);
}

.foreground {
background-color: hsl(325, 25%, 50%);
}

Still showing incorrect, can someone help me to understand the issue

24

To preserve code formatting in forum posts, see: How do I format code in my posts?

Step 1 specifies:

… modify the lightness of the background color of the class selector .midground to be 25%.

But you seem to have changed the hue as well.

/* Original code */
.midground {
  background-color: hsl(225, 100%, 50%);
}

/* After Step 1, it should be */
.midground {
  background-color: hsl(225, 100%, 25%);
}

/* But you changed hue as well from 225 to 255 */
.midground {
  background-color: hsl(255, 100%, 25%);
}
1 Like