The activities are graded Beginner, Intermediate and Advanced. Check out the different activities and learn something about colour and coding. If you are new to colour and coding, then follow the activities in the order below.
Beginner
Colours

Rainbows and Colours
Understand rainbows, why we typically think it has 7 colours, and make a colour spinner.

Learn RGB colour coding
Values of Red, Green and Blue colours are used to code colours on a computer. Learn how to create different colours from RGB values.

Pint Glass Beam Bending
Have fun with a laser pointer.
Coding colour

Setup the coding environment
The computer programming language “Processing”, is a great way to start coding. This post starts you off with Processing.

Make a quick sketch before you code
This lesson guides you through five steps to make a plan for your coding.

Create a rainbow in “Processing” code, based on our sketch of the scene.

Learn about the Hue, Saturation and Brightness colour model (HSB).
Colour use

Create colour effect examples. Exercises from Johannes Itten and Josef Albers.

String-art inspired rainbow graphics. Draw several lines of different hues, and change explore different transparency effects
Intermediate
Virtual Reality

In part I, learn how to use A-Frame and WebXR to create a Virtual Reality Rainbow.

In part II now learn how to extend the virtual rainbow from part 1, to create an Augmented Reality demonstration.
Advanced
Advanced coding, CSS and JavaScript

Explore D3 JavaScript programming to Sing a rainbow in D3, JavaScript

Learn how to create a rainbow in pure CSS