If you’re colour challenged like me, choosing the colours to use in a web project can be tricky. Here’s a simple method that might help.

To do this, you’ll need Photoshop and a picture, preferably one that is significant to your project (like a banner). If you’re project doesn’t use any pictures, find one with a few general colours that you think could work.

Open your picture in Photoshop. For this demonstration I’m using the banner from my personal site. I’m planning to revise that site soon anyhow, so this might give me a head start.

Select Filter > Pixelate > Mosaic from the main menu.

Change the cell size to increase the pixels of each colour square. The larger the pixels, the fewer colours you’ll get. Play around with it until you get a range you like. Keep in mind what each colour will be used for (backgrounds, headings, link states, etc.). This will help you decide how many colours you need in the palette.

Click OK, and presto! You have a colour scheme.

Now all you need to do is use the eyedropper tool to get the hex codes for each colour.

Schweet.

Share/Bookmark