Color Scheme Designer

Have trouble choosing the right color for a website or project? My friend turned me on to Color Scheme Designer today and i'm already used it for some of my work. Very useful Javascript tool for developing a suite of colors that “play well together.”

Color Scheme Designer uses a color wheel to dynamically control color hues on the palette. The color wheel has a number of very interesting options. For example, you can select between 1, 2, 3, and 4 color schemes, labeled “Mono,” “Complement,” “Triad,” and “Tetrad.” The red arrow in the screenshot shows my choice of a “triad” scheme, which results in three circles on the color wheel. The black circle (purple arrow) is the main hue. The other two white circle (green arrows) represent the other two components of the triad. Selecting one of the white circles allows you to change the angles between the triad elements, resulting in marked differences in the color scheme. You can also specify the exact angle by clicking on the number.

Saturation and brightness are controlled on a dedicated pane selected below the color wheel (selection tab is left of red box highlighting the currently shown Hue pane). Saturation and brightness are applied globally, so that all the colors are affected equally and appropriately.

Just move your cursor around the color wheel and you can get instant color scheme. After that you can export the color pallete into HTML,XML,Text, Photoshop palette and also Gimp palette.

This is an awesome tool for web design, easily translate into a way to develop color schemes for other project too! Highly recomended!

Check it out here :

2 Responses to "Color Scheme Designer"

Stina Sardinha Wulfe said... August 10, 2009 at 5:14 PM

oh that's really helpful. Thanks :)

Starlight86 said... August 15, 2009 at 10:12 AM


Post a Comment

Type your comment here, I'll try my best, to reply!