Loading...

In this lesson, we discussed several methods to choose colors for color-related CSS properties.

Before you take your quiz, practice what you’ve learned using the activity below.

Which of these Hex codes will produce blue?

  1. #000000
  2. #FF0000
  3. #00FF00
  4. #0000FF

Hex code is broken up into three pairs, that go in the order red, green and blue. 00 is the lowest possible value and FF is the highest possible value, so all zeroes and then FF for the blue digits will give you blue.

Hex code is broken up into three pairs, that go in the order red, green and blue. 00 is the lowest possible value and FF is the highest possible value, so all zeroes and then FF for the blue digits will give you blue.

Hex code is broken up into three pairs, that go in the order red, green and blue. 00 is the lowest possible value and FF is the highest possible value, so all zeroes and then FF for the blue digits will give you blue.

Hex code is broken up into three pairs, that go in the order red, green and blue. 00 is the lowest possible value and FF is the highest possible value, so all zeroes and then FF for the blue digits will give you blue.

Which of the Hex number pairs below is the highest value?

  1. A0
  2. BB
  3. E1
  4. 99

The letters A-F represent the numbers 10-15. Plug these values into the Hex formula: (first digit x 16) + second digit.

The letters A-F represent the numbers 10-15. Plug these values into the Hex formula: (first digit x 16) + second digit.

The letters A-F represent the numbers 10-15. Plug these values into the Hex formula: (first digit x 16) + second digit.

The letters A-F represent the numbers 10-15. Plug these values into the Hex formula: (first digit x 16) + second digit.

Which of these RGB codes would produce yellow?

  1. rgb(255,255,0)
  2. rgb(255,0,255)
  3. rgb(0,0,255)
  4. rgb(0,100,100)

Yellow is made by mixing red and green, which are the first two numerical values in the RGB notation.

Yellow is made by mixing red and green, which are the first two numerical values in the RGB notation.

Yellow is made by mixing red and green, which are the first two numerical values in the RGB notation.

Yellow is made by mixing red and green, which are the first two numerical values in the RGB notation.

Of these choices, which HSLA code would produce a color closest to white?

  1. hsla(2,100%,50%,1.0)
  2. hsla(125,100%,50%,1.0)
  3. hsla(125,50%,75%,1.0)
  4. hsla(2,50%,25%,1.0)

The third value in HSLA represent lightness, so the highest percentage would be closest to white.

The third value in HSLA represent lightness, so the highest percentage would be closest to white.

The third value in HSLA represent lightness, so the highest percentage would be closest to white.

The third value in HSLA represent lightness, so the highest percentage would be closest to white.

Which of the property value combinations below would produce this table?

Cell 1,1 Cell 1,2 Cell 1,3
Cell 2,1 Cell 2,2 Cell 2,3

  1. style="background-color:#00FF00; opacity:0.25"
  2. style="background-color:rgba(0,255,0,0.50)"
  3. style="color:hsl(245,75%,50%,0.75)"
  4. style="color:#FF44FF; opacity:1.0"

Since the entire table is semi-transparent, it has to be a choice that applies the opacity property, and has it set considerably lower than 1.0.

Since the entire table is semi-transparent, it has to be a choice that applies the opacity property, and has it set considerably lower than 1.0.

Since the entire table is semi-transparent, it has to be a choice that applies the opacity property, and has it set considerably lower than 1.0.

Since the entire table is semi-transparent, it has to be a choice that applies the opacity property, and has it set considerably lower than 1.0.

Which code excerpt below sets a paragraph's font to dark gray?

  1. <p style="color:#333333">This paragraph now has dark gray font.</p>
  2. <p style="hsl(90,90%,90%)">This paragraph now has dark gray font.</p>
  3. <p style="rgb(20,120,220)">This paragraph now has dark gray font.</p>
  4. <p style="color:#EEEEEE">This paragraph now has dark gray font.</p>

To make a gray color in Hex or RGB, all of the color values need to match. The lower the matching values are, the darker the gray will be. In HSL, grays are made with 0% saturation, and the lower the lightness value, the darker the color will be.

To make a gray color in Hex or RGB, all of the color values need to match. The lower the matching values are, the darker the gray will be. In HSL, grays are made with 0% saturation, and the lower the lightness value, the darker the color will be.

To make a gray color in Hex or RGB, all of the color values need to match. The lower the matching values are, the darker the gray will be. In HSL, grays are made with 0% saturation, and the lower the lightness value, the darker the color will be.

To make a gray color in Hex or RGB, all of the color values need to match. The lower the matching values are, the darker the gray will be. In HSL, grays are made with 0% saturation, and the lower the lightness value, the darker the color will be.

Summary

Questions answered correctly:

Questions answered incorrectly: