Colour is an important part of any design, it immediately sets the tone and helps to communicate the mood of your message.
Tones of a colour can be easily matched, but just because a website has the colour red doesn’t mean you add any old red and expect design harmony.
So when a friend, who is creating a slideshow for a class reunioun, asked, “how do I match my school colours?,” I thought that would be a great topic for a post.
There are two easy ways to get the numbers you will need to match your colour to an existing colour. If the colour is online, I would highly recommend using Firefox’s ColorZilla extension.
With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program.
I use this handy extension frequently, it’s so easy to grab the RGB or hex colour values from a design element for use in Photoshop, or to use in your CSS.
Speaking of, there is an easy way to grab any colour anywhere on your screen using Photoshop.
Simply select the Eye Dropper tool and take a sample from an area by clicking and dragging from your Photosop document to where the colour is. This will load colour into the foreground colour box of the colour picker, for use in your design.
Once you have your colour, time to create a great palette using Adobe Kuler (as outlined in a previous post).
