← Colours: hex and rgb lesson New set →

CSS Worksheet: Hex and RGB Colours

HTML and CSS lesson 15: Colours: hex and rgb · Set 172 · 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.🌈 In #00d700 the green part is the hex number d7. What is it as a normal number?
  2. 2.🌈 In #00002e the blue part is the hex number 2e. What is it as a normal number?
  3. 3.🌈 Which colour is rgb(0, 255, 0)? (a) red (b) blue (c) cyan (d) bright green
  4. 4.🌈 Which colour is rgb(255, 0, 255)? (a) magenta (b) bright green (c) blue (d) black
  5. 5.🌈 Which colour is #00ffff? (a) blue (b) bright green (c) magenta (d) cyan
  6. 6.🌈 In #00009a the blue part is the hex number 9a. What is it as a normal number?
  7. 7.🌈 Which hex code is cyan? (a) #00ffff (b) #ffffff (c) #ff00ff (d) #0000ff
  8. 8.🌈 Which hex code is bright green? (a) #ffff00 (b) #00ffff (c) #ffffff (d) #00ff00
  9. 9.🌈 In #5b0000 the red part is the hex number 5b. What is it as a normal number?
  10. 10.🌈 Which colour of light is strongest in rgb(131, 76, 183)? (a) red (b) green (c) blue
  11. 11.🌈 Which colour is #0000ff? (a) white (b) blue (c) bright green (d) black
  12. 12.🌈 What is the biggest number one colour can have in rgb()? (a) 255 (b) 1000 (c) 100 (d) 99
  13. 13.🌈 In #cb0000 the red part is the hex number cb. What is it as a normal number?
  14. 14.🌈 Hex digits go 0 to 9, then A to which letter? (a) F (b) J (c) G (d) Z
  15. 15.🌈 Which hex code is white? (a) #ff0000 (b) #ffff00 (c) #0000ff (d) #ffffff
  16. 16.🌈 Which colour of light is strongest in rgb(22, 160, 130)? (a) red (b) green (c) blue
  17. 17.🌈 Which colour of light is strongest in rgb(210, 54, 70)? (a) blue (b) green (c) red
  18. 18.🌈 Which colour is #ffff00? (a) cyan (b) red (c) white (d) yellow
  19. 19.🌈 Which colour is #00ff00? (a) bright green (b) yellow (c) magenta (d) cyan
  20. 20.🌈 Which colour is rgb(255, 255, 0)? (a) bright green (b) red (c) yellow (d) blue
  21. 21.🌈 In #rrggbb, which colour do the first two digits give? (a) red (b) blue (c) green (d) black
  22. 22.🌈 Which colour of light is strongest in rgb(77, 37, 189)? (a) green (b) blue (c) red
  23. 23.🌈 In #000022 the blue part is the hex number 22. What is it as a normal number?
  24. 24.🌈 In #a80000 the red part is the hex number a8. What is it as a normal number?
  25. 25.🌈 Which colour is rgb(0, 0, 0)? (a) yellow (b) bright green (c) black (d) cyan
  26. 26.🌈 Which colour is rgb(255, 255, 255)? (a) magenta (b) blue (c) white (d) bright green
  27. 27.🌈 Which colour of light is strongest in rgb(9, 104, 159)? (a) blue (b) red (c) green
  28. 28.🌈 In #00ad00 the green part is the hex number ad. What is it as a normal number?
  29. 29.🌈 Which hex code is red? (a) #0000ff (b) #00ff00 (c) #ffff00 (d) #ff0000
  30. 30.🌈 Which colour is rgb(255, 0, 0)? (a) bright green (b) magenta (c) red (d) black
  31. 31.🌈 Which colour of light is strongest in rgb(51, 197, 74)? (a) red (b) blue (c) green
  32. 32.🌈 Which colour is #000000? (a) red (b) white (c) cyan (d) black
  33. 33.🌈 Which colour is #ff0000? (a) red (b) black (c) cyan (d) magenta
  34. 34.🌈 Which colour of light is strongest in rgb(167, 114, 30)? (a) red (b) green (c) blue
  35. 35.🌈 In #0000e9 the blue part is the hex number e9. What is it as a normal number?
  36. 36.🌈 Which colour is #ff00ff? (a) black (b) bright green (c) magenta (d) blue
  37. 37.🌈 In #c90000 the red part is the hex number c9. What is it as a normal number?
  38. 38.🌈 Which colour of light is strongest in rgb(174, 32, 86)? (a) blue (b) red (c) green
  39. 39.🌈 Which hex code is black? (a) #00ff00 (b) #ffffff (c) #000000 (d) #ffff00
  40. 40.🌈 In #rrggbb, which colour do the last two digits give? (a) red (b) blue (c) green (d) white

Answer key

  1. 215
  2. 46
  3. bright green
  4. magenta
  5. cyan
  6. 154
  7. #00ffff
  8. #00ff00
  9. 91
  10. blue
  11. blue
  12. 255
  13. 203
  14. F
  15. #ffffff
  16. green
  17. red
  18. yellow
  19. bright green
  20. yellow
  21. red
  22. blue
  23. 34
  24. 168
  25. black
  26. white
  27. blue
  28. 173
  29. #ff0000
  30. red
  31. green
  32. black
  33. red
  34. red
  35. 233
  36. magenta
  37. 201
  38. red
  39. #000000
  40. blue

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