Use rgb() — practice exercise

What you'll be asked to do

1. 1.Use rgb()exercise · easy · 10 min

   Set the #box text colour to rgb(255, 87, 51).

   Passes when: Set the #box text colour to rgb(255, 87, 51).

2. 2.Use the space-separated formexercise · easy · 10 min · practice plan

   Give #box a background of rgb(0 128 128).

   Passes when: Give #box a background of rgb(0 128 128).

3. 3.Add an alpha channelexercise · easy · 10 min · practice plan

   Set the #box text to half-transparent red.

   Passes when: Set the #box text to half-transparent red.

4. 4.Use slash alpha syntaxexercise · easy · 10 min · practice plan

   Give #box a background of blue at 25% opacity.

   Passes when: Give #box a background of blue at 25% opacity.

5. 5.Combine two rgb coloursexercise · medium · 10 min · practice plan

   rgb(255, 255, 255) text on rgb(20, 20, 20).

   Passes when: rgb(255, 255, 255) text on rgb(20, 20, 20).

6. 6.Fix the semicolon separatorsbug fix · easy · 8 min

   rgb() channels are separated by commas or spaces.

   Passes when: rgb() channels are separated by commas or spaces.

7. 7.Fix the reversed channelsbug fix · easy · 8 min · practice plan

   The order is red, green, blue.

   Passes when: The order is red, green, blue.

8. 8.Fix the alpha above onebug fix · easy · 8 min · practice plan

   An alpha of 2 clamps to fully opaque.

   Passes when: An alpha of 2 clamps to fully opaque.

9. 9.Fix the missing slashbug fix · easy · 8 min · practice plan

   In the space-separated form the alpha follows a slash.

   Passes when: In the space-separated form the alpha follows a slash.

10. 10.Fix the missing functionbug fix · easy · 8 min · practice plan

    Bare numbers are not a colour.

    Passes when: Bare numbers are not a colour.

Between them these tasks cover rgb() and rgba(), Alpha channels and Modern space syntax.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.