Mercyhurst UniversityDept of Math and ITDr Williams Home

Color Schemes


Complementary (2)
Split Complementary (3)
Triadic (3)
Tetradic (4)
Analogous (12)
255, 255, 255


0, 50%, 100%

1.000, 1.000, 1.000

RGB     rgb     HSL     hex
Tuple Separator:
Comma     Semicolon     Space
Surround Tuples:
( r, g, b )     [ r, g, b ]
List Separator:
Comma     Semicolon     Space     New Line
Hex Include #:
Yes     No
Surround Hex:
Single Quote     Double Quote
Include °     Include %

Using the Applet

Hover over the base color swatch on the left to change the hue (move left to right) and lightness (up and down). Press the s and d keys on your keyboard to increase and decrease saturation, respectively. Click on the base color swatch to lock the color, and double click to unlock. Select a scheme from the menu to generate coordinating color palettes.
For an exact base color, enter a formatted color value into the field above the base color swatch. Accepted formats:

About this Applet

This applet was created using JavaScript. If you are unable to see the applet, make sure you have JavaScript enabled in your browser. This applet may not be supported by older browsers.