RGB Colour by Numbers With Denary, Binary and Hexadecimal Number Systems

Secure understanding of colour representation in computer science for RGB colours using denary references then convert to both binary and hexadecimal number systems. This resource was created to use after introducing denary to binary conversion and to introduce Hexadecimal numbers in a context that makes sense - Colour References for web design e.g #1E6F50.

This resource uses RGB number values in a grid on page 1 and number system conversions on page 2. This resources is designed as A3 and is best at that size printed double sided although you can print other sizes easily. Students Type the RGB reference number between 0 and 255 for Red, Green and Blue colour values in to a photo editor to discover the colour. The resource references how to get the value in Adobe Photoshop althougn you can use any online photo editor such as <a href=“https://www.photopea.com”>Photopea</a> to get the colour represented by the numbers. When they have the colour, simply colour in the grid square accordingly until the image is complete. Many squares have the same colour reference so students should check for the same colours. Once the grid is fully coloured in, students can use page 2 to convert from denary to binary and then to hexadecimal for each colour and the three values of red, green and blue that make the colour. Differentiationcon can include taking or checking the hexadecimal numbers from from photo editor.

You could use this over several lessons or as a whole lesson retrieval activity. I have succesfully used this for both. Students enjoy the visual and kinaesthetic nature of this challenge.