← Colours: hex and rgb lesson New set →

CSS Worksheet: Hex and RGB Colours

HTML and CSS lesson 15: Colours: hex and rgb · Set 293 · 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 #00ff00? (a) cyan (b) bright green (c) yellow (d) blue
  2. 2.🌈 Which colour is #ffffff? (a) white (b) red (c) blue (d) bright green
  3. 3.🌈 Which colour of light is strongest in rgb(226, 89, 78)? (a) green (b) red (c) blue
  4. 4.🌈 Which colour is #00ffff? (a) bright green (b) cyan (c) yellow (d) magenta
  5. 5.🌈 Which colour of light is strongest in rgb(129, 74, 214)? (a) red (b) blue (c) green
  6. 6.🌈 Which colour is #000000? (a) yellow (b) red (c) black (d) blue
  7. 7.🌈 Which hex code is blue? (a) #ffffff (b) #000000 (c) #ffff00 (d) #0000ff
  8. 8.🌈 Which colour of light is strongest in rgb(114, 225, 53)? (a) red (b) green (c) blue
  9. 9.🌈 In #bb0000 the red part is the hex number bb. What is it as a normal number?
  10. 10.🌈 Which colour of light is strongest in rgb(189, 23, 72)? (a) green (b) blue (c) red
  11. 11.🌈 Which colour is rgb(0, 255, 0)? (a) bright green (b) black (c) magenta (d) red
  12. 12.🌈 Which colour of light is strongest in rgb(100, 73, 196)? (a) red (b) blue (c) green
  13. 13.🌈 Which colour of light is strongest in rgb(60, 221, 100)? (a) blue (b) red (c) green
  14. 14.🌈 Which hex code is cyan? (a) #ff0000 (b) #00ff00 (c) #0000ff (d) #00ffff
  15. 15.🌈 In #rrggbb, which colour do the first two digits give? (a) green (b) black (c) blue (d) red
  16. 16.🌈 Which colour is rgb(255, 0, 255)? (a) white (b) red (c) magenta (d) cyan
  17. 17.🌈 Which colour is #0000ff? (a) cyan (b) magenta (c) blue (d) black
  18. 18.🌈 Hex digits go 0 to 9, then A to which letter? (a) Z (b) G (c) J (d) F
  19. 19.🌈 Which colour of light is strongest in rgb(113, 65, 178)? (a) blue (b) red (c) green
  20. 20.🌈 Which hex code is white? (a) #00ffff (b) #000000 (c) #ffffff (d) #0000ff
  21. 21.🌈 Which hex code is bright green? (a) #ff0000 (b) #000000 (c) #00ff00 (d) #ffffff
  22. 22.🌈 Which colour is rgb(255, 255, 255)? (a) yellow (b) cyan (c) black (d) white
  23. 23.🌈 What is the biggest number one colour can have in rgb()? (a) 1000 (b) 255 (c) 100 (d) 99
  24. 24.🌈 In #00005a the blue part is the hex number 5a. What is it as a normal number?
  25. 25.🌈 Which colour of light is strongest in rgb(29, 153, 33)? (a) red (b) blue (c) green
  26. 26.🌈 In #00004d the blue part is the hex number 4d. What is it as a normal number?
  27. 27.🌈 Which colour is rgb(0, 0, 255)? (a) cyan (b) blue (c) white (d) black
  28. 28.🌈 Which colour is rgb(0, 0, 0)? (a) magenta (b) red (c) black (d) white
  29. 29.🌈 Which hex code is magenta? (a) #ff00ff (b) #00ff00 (c) #ffffff (d) #ff0000
  30. 30.🌈 Which colour is #ffff00? (a) cyan (b) magenta (c) red (d) yellow
  31. 31.🌈 In #007800 the green part is the hex number 78. What is it as a normal number?
  32. 32.🌈 In #a20000 the red part is the hex number a2. What is it as a normal number?
  33. 33.🌈 Which colour of light is strongest in rgb(56, 175, 31)? (a) red (b) green (c) blue
  34. 34.🌈 Which colour is rgb(255, 255, 0)? (a) cyan (b) yellow (c) blue (d) red
  35. 35.🌈 Which colour is rgb(255, 0, 0)? (a) bright green (b) cyan (c) yellow (d) red
  36. 36.🌈 Which colour is #ff00ff? (a) yellow (b) white (c) bright green (d) magenta
  37. 37.🌈 In #000011 the blue part is the hex number 11. What is it as a normal number?
  38. 38.🌈 How many pairs of hex digits are in a colour like #ff8800? (a) 2 (b) 6 (c) 3 (d) 4
  39. 39.🌈 In #830000 the red part is the hex number 83. What is it as a normal number?
  40. 40.🌈 In #rrggbb, which colour do the last two digits give? (a) white (b) green (c) blue (d) red

Answer key

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

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