Complementary Color App : Small Javascript Demo

complementary color app demo line drawings

This small complementary color app demo draws on the right side of the canvas at the same time a mirror image of the image drawn by the user on the left side – using the RGB complementay of the color chosen by the user as the color.

The image can be saved to your computer in jpg or png format with a size of 400 x 400 px. This small tool is suitable for making color sketches and finding color ideas. More features will be added to the app in the future.

Color Picker: Complementary Color:

Complementary colors are pairs of colors that, when combined, cancel each other out by producing a grayscale color (white or black) or when placed next to each other, create a strong visual contrast. In color theory, complementary colors are located opposite each other on the color wheel.

In the RGB color model used for digital screens, the complementary colors are red (255, 0, 0) and cyan (0, 255, 255), green (0, 255, 0) and magenta (255, 0, 255), and blue (0, 0, 255) and yellow (255, 255, 0).

See RGB and RYB color wheels.

Advertisements

Leave a Reply

Discover more from MiikNy

Subscribe now to keep reading and get access to the full archive.

Continue reading