Just wanted to do a quick post about the Color Scheme Designer by Petr Stanicek.

I came across this tool after reading a post on Sitepoint’s Design Festival.

If you’re a web designer or graphic designer, this tool is simply invaluable for creating colour palettes from scratch. It uses the red, blue and yellow colour wheel that I remember learning way back in school to find complementary colours.

Great for accessibility testing

You can view the colours as people with colour blindness would see them, so it’s great for accessibility testing. Apparently 14.5% of the population have some form of colour blindness and the Color Scheme Selector allows you to view your palette with 8 variations of colour blindness that most people probably don’t even know exist.

Colour blindness view - Color Scheme Designer 3

Colours can be viewed in RGB and web safe colours which is great for us web designers. Unfortunately, the Color Scheme Designer no longer provides the Pantone colours for print designers, but it shouldn’t be too hard to find these values with graphics software like Photoshop.

Another great feature is the ability to export the colour palette as HTML and CSS. You can also export as XML and text, or if you’re using Gimp, you can export as a GPL palette, or if you’re using Photoshop, export as an ACO palette.

Export formats - Color Scheme Designer 3

The Color Scheme Designer also provides two links below the colours to view a ‘light page example’ and ‘dark page example’. This shows you how the colours would look in a completed web page design. Although the example web page design isn’t great, it does give you some idea of how the colours can work together.

Light web page example - Color Scheme Designer 3

 

Enjoy!

Share →

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>