Computer screens display different colours by mixing different coloured light together. The primary colours for light are red, green, and blue and these are called additive colours. (The primary colours for paint etc are red, yellow, and blue and are called subtractive colours since they subtract colours from the reflected light in order to produce their final colour).
My watercolour script shows how mixing subtractive colours works but I didn't have an equivalent script to show how mixing additive colours works until now. Here is a script that works identically to the watercolour script except that it starts from black and adds light instead of starting from white and adding paint.
To use the light mixer simply click on a colour on the left to add some of that colour to the mixing area. Click on the mixing area or reset button to start over.
Tho add the light mixer script to your page you need to start by copying the following stylesheet and save it as light.css.
This then gets attached into the head of your page using:
<link rel="stylesheet" type="text/css" href="light.css"/>
The final step is to attach the script to the bottom of your page using:
This article written by Stephen Chapman, Felgall Pty Ltd.