← Colours: hex and rgb lesson New set →

CSS Worksheet: Hex and RGB Colours

HTML and CSS lesson 15: Colours: hex and rgb · Set 263 · 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) yellow (c) cyan (d) magenta
  2. 2.🌈 Which colour is #ff0000? (a) red (b) yellow (c) bright green (d) black
  3. 3.🌈 What is the biggest number one colour can have in rgb()? (a) 99 (b) 1000 (c) 100 (d) 255
  4. 4.🌈 How many pairs of hex digits are in a colour like #ff8800? (a) 6 (b) 3 (c) 2 (d) 4
  5. 5.🌈 Which colour is #0000ff? (a) blue (b) cyan (c) red (d) black
  6. 6.🌈 Which hex code is bright green? (a) #00ffff (b) #ffff00 (c) #0000ff (d) #00ff00
  7. 7.🌈 In #rrggbb, which colour do the first two digits give? (a) blue (b) green (c) black (d) red
  8. 8.🌈 Which colour is rgb(255, 255, 255)? (a) black (b) cyan (c) blue (d) white
  9. 9.🌈 In #008700 the green part is the hex number 87. What is it as a normal number?
  10. 10.🌈 Which colour is rgb(0, 255, 0)? (a) red (b) black (c) white (d) bright green
  11. 11.🌈 Which colour of light is strongest in rgb(43, 217, 92)? (a) green (b) blue (c) red
  12. 12.🌈 In #rrggbb, which colour do the last two digits give? (a) green (b) red (c) white (d) blue
  13. 13.🌈 In #000034 the blue part is the hex number 34. What is it as a normal number?
  14. 14.🌈 Hex digits go 0 to 9, then A to which letter? (a) F (b) G (c) Z (d) J
  15. 15.🌈 Which colour of light is strongest in rgb(19, 207, 100)? (a) green (b) blue (c) red
  16. 16.🌈 Which hex code is black? (a) #ff0000 (b) #ffff00 (c) #000000 (d) #00ff00
  17. 17.🌈 Which colour of light is strongest in rgb(222, 106, 52)? (a) red (b) green (c) blue
  18. 18.🌈 Which colour of light is strongest in rgb(103, 179, 66)? (a) blue (b) green (c) red
  19. 19.🌈 In #e00000 the red part is the hex number e0. What is it as a normal number?
  20. 20.🌈 Which hex code is blue? (a) #00ffff (b) #ffff00 (c) #0000ff (d) #00ff00
  21. 21.🌈 In #003600 the green part is the hex number 36. What is it as a normal number?
  22. 22.🌈 Which colour of light is strongest in rgb(77, 91, 162)? (a) red (b) green (c) blue
  23. 23.🌈 Which colour of light is strongest in rgb(100, 180, 40)? (a) red (b) green (c) blue
  24. 24.🌈 Which hex code is red? (a) #ffff00 (b) #00ffff (c) #00ff00 (d) #ff0000
  25. 25.🌈 In #8f0000 the red part is the hex number 8f. What is it as a normal number?
  26. 26.🌈 In #000044 the blue part is the hex number 44. What is it as a normal number?
  27. 27.🌈 In #790000 the red part is the hex number 79. What is it as a normal number?
  28. 28.🌈 Which colour of light is strongest in rgb(224, 73, 123)? (a) green (b) blue (c) red
  29. 29.🌈 In #520000 the red part is the hex number 52. What is it as a normal number?
  30. 30.🌈 In #fe0000 the red part is the hex number fe. What is it as a normal number?
  31. 31.🌈 Which colour of light is strongest in rgb(215, 78, 21)? (a) green (b) red (c) blue
  32. 32.🌈 Which colour is rgb(0, 255, 255)? (a) magenta (b) blue (c) yellow (d) cyan
  33. 33.🌈 Which colour of light is strongest in rgb(122, 46, 218)? (a) blue (b) green (c) red
  34. 34.🌈 Which colour is #ff00ff? (a) magenta (b) white (c) blue (d) bright green
  35. 35.🌈 In #000020 the blue part is the hex number 20. What is it as a normal number?
  36. 36.🌈 Which colour of light is strongest in rgb(215, 50, 2)? (a) green (b) blue (c) red
  37. 37.🌈 Which colour is #ffffff? (a) red (b) white (c) yellow (d) cyan
  38. 38.🌈 Which colour of light is strongest in rgb(176, 109, 61)? (a) blue (b) red (c) green
  39. 39.🌈 In #000078 the blue part is the hex number 78. What is it as a normal number?
  40. 40.🌈 Which colour of light is strongest in rgb(104, 67, 180)? (a) blue (b) green (c) red

Answer key

  1. cyan
  2. red
  3. 255
  4. 3
  5. blue
  6. #00ff00
  7. red
  8. white
  9. 135
  10. bright green
  11. green
  12. blue
  13. 52
  14. F
  15. green
  16. #000000
  17. red
  18. green
  19. 224
  20. #0000ff
  21. 54
  22. blue
  23. green
  24. #ff0000
  25. 143
  26. 68
  27. 121
  28. red
  29. 82
  30. 254
  31. red
  32. cyan
  33. blue
  34. magenta
  35. 32
  36. red
  37. white
  38. red
  39. 120
  40. blue

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