1. Technology

Your suggestion is on its way!

An email with a link to:

http://javascript.about.com/library/blpaint1.htm

was emailed to:

Thanks for sharing About.com with others!

Watercolour Mixer

1. Introduction and Sample

More of this Feature

Stylesheet/HTML JavaScript

Here's a colour mixing script with a bit of a difference from what you normally find on the web. Most of the colour mixers you are likely to find on the web mix red, green, and blue (the three colours you mix together to get all of the millions of colours that can be displayed on the computer screen). Those scripts are fine when you are mixing for the screen but useless when you are tring to work out what will happen if you start mixing paint. (My light mixing script is an equivalent to this one if you are looking for a script that shows the effect of mixing different coloured light together).

Paint mixing involves the primary colours red, yellow, and blue rather than red, green, and blue because we are no longer working with light but rather with the reflective properties of a substance such as paint.

It isn't the purpose of this article to discuss why the primary colours for paint are different from those on the screen. Instead let's move on and look at a demo of the script.

Paints (primary)
Mixing Area
Paints (secondary)

To use the paint colour mixer simply click on a paint 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.

If you want to add a copy of this watercolour mixer to your site then there are two JavaScripts, a stylesheet, and some HTML that you need to use. Let's start with the watercolour mixer stylesheet.

©2014 About.com. All rights reserved.