← Colours: hex and rgb lesson New set →

CSS Worksheet: Hex and RGB Colours

HTML and CSS lesson 15: Colours: hex and rgb · Set 276 · 40 questions
TalentJR

Code tip (Red, green, blue): rgb(red, green, blue): each from 0 to 255. #rrggbb: the same three numbers in hex. Hex digits: 0–9, then a = 10, b = 11, c = 12, d = 13, e = 14, f = 15. A pair = 16 × first digit + second digit: ff = 16 × 15 + 15 = 255.

NameDateTime takenScore ___ / 40
  1. 1.🌈 Which colour is #00ffff? (a) red (b) bright green (c) cyan (d) magenta
  2. 2.🌈 In #001200 the green part is the hex number 12. What is it as a normal number?
  3. 3.🌈 Which hex code is bright green? (a) #00ff00 (b) #00ffff (c) #ff00ff (d) #ff0000
  4. 4.🌈 Which hex code is cyan? (a) #ffffff (b) #ff0000 (c) #00ffff (d) #0000ff
  5. 5.🌈 Which colour is #000000? (a) cyan (b) black (c) blue (d) red
  6. 6.🌈 Which colour of light is strongest in rgb(114, 213, 10)? (a) blue (b) red (c) green
  7. 7.🌈 Which colour of light is strongest in rgb(43, 241, 53)? (a) blue (b) green (c) red
  8. 8.🌈 In #rrggbb, which colour do the last two digits give? (a) green (b) white (c) red (d) blue
  9. 9.🌈 Which colour is rgb(255, 0, 255)? (a) cyan (b) red (c) bright green (d) magenta
  10. 10.🌈 Which hex code is yellow? (a) #00ffff (b) #00ff00 (c) #ffff00 (d) #ff0000
  11. 11.🌈 Hex digits go 0 to 9, then A to which letter? (a) J (b) G (c) F (d) Z
  12. 12.🌈 Which colour is #00ff00? (a) cyan (b) bright green (c) red (d) yellow
  13. 13.🌈 Which colour of light is strongest in rgb(176, 53, 49)? (a) green (b) blue (c) red
  14. 14.🌈 Which colour is #ffff00? (a) magenta (b) bright green (c) yellow (d) red
  15. 15.🌈 Which colour is rgb(255, 255, 255)? (a) blue (b) bright green (c) white (d) yellow
  16. 16.🌈 Which colour of light is strongest in rgb(158, 54, 67)? (a) blue (b) green (c) red
  17. 17.🌈 Which hex code is red? (a) #ff0000 (b) #0000ff (c) #00ff00 (d) #ffff00
  18. 18.🌈 Which colour is #ff0000? (a) bright green (b) cyan (c) red (d) white
  19. 19.🌈 In #00bb00 the green part is the hex number bb. What is it as a normal number?
  20. 20.🌈 Which hex code is white? (a) #000000 (b) #ffff00 (c) #ffffff (d) #00ff00
  21. 21.🌈 Which colour of light is strongest in rgb(179, 131, 31)? (a) green (b) red (c) blue
  22. 22.🌈 What is the biggest number one colour can have in rgb()? (a) 100 (b) 99 (c) 1000 (d) 255
  23. 23.🌈 In #ef0000 the red part is the hex number ef. What is it as a normal number?
  24. 24.🌈 Which colour of light is strongest in rgb(187, 59, 67)? (a) blue (b) green (c) red
  25. 25.🌈 In #002100 the green part is the hex number 21. What is it as a normal number?
  26. 26.🌈 Which colour is #ffffff? (a) black (b) white (c) cyan (d) yellow
  27. 27.🌈 In #rrggbb, which colour do the first two digits give? (a) green (b) red (c) black (d) blue
  28. 28.🌈 Which colour of light is strongest in rgb(207, 48, 36)? (a) green (b) blue (c) red
  29. 29.🌈 Which hex code is magenta? (a) #00ffff (b) #ff00ff (c) #ffff00 (d) #0000ff
  30. 30.🌈 Which colour of light is strongest in rgb(214, 124, 55)? (a) red (b) blue (c) green
  31. 31.🌈 Which colour is #0000ff? (a) white (b) bright green (c) magenta (d) blue
  32. 32.🌈 Which colour is rgb(255, 255, 0)? (a) yellow (b) cyan (c) white (d) magenta
  33. 33.🌈 Which colour is rgb(255, 0, 0)? (a) cyan (b) red (c) bright green (d) blue
  34. 34.🌈 In #006700 the green part is the hex number 67. What is it as a normal number?
  35. 35.🌈 Which colour of light is strongest in rgb(114, 121, 211)? (a) blue (b) red (c) green
  36. 36.🌈 Which colour of light is strongest in rgb(205, 17, 133)? (a) blue (b) red (c) green
  37. 37.🌈 Which colour of light is strongest in rgb(216, 55, 21)? (a) red (b) blue (c) green
  38. 38.🌈 Which colour of light is strongest in rgb(206, 114, 70)? (a) red (b) blue (c) green
  39. 39.🌈 Which colour of light is strongest in rgb(12, 102, 219)? (a) red (b) green (c) blue
  40. 40.🌈 Which colour of light is strongest in rgb(175, 132, 92)? (a) blue (b) red (c) green

Answer key

  1. cyan
  2. 18
  3. #00ff00
  4. #00ffff
  5. black
  6. green
  7. green
  8. blue
  9. magenta
  10. #ffff00
  11. F
  12. bright green
  13. red
  14. yellow
  15. white
  16. red
  17. #ff0000
  18. red
  19. 187
  20. #ffffff
  21. red
  22. 255
  23. 239
  24. red
  25. 33
  26. white
  27. red
  28. red
  29. #ff00ff
  30. red
  31. blue
  32. yellow
  33. red
  34. 103
  35. blue
  36. red
  37. red
  38. red
  39. blue
  40. red

Free html and css lessons, practice and worksheets at talentjr.in/html-css-for-kids