I have a great love of color and I try to surround myself with a wide pallet of hues. Every room in my home is painted at least 2 colors and I have a large selection of markers, pens and paints to play with.
I think my love of color began with my first “big” box of Crayola crayons (the 64 count box with the sharpener in the back). I still remember the excitement of getting this box of color and the wonderful smell of the wax. This love has remained constant throughout my life; painting was my passion in college and I think it was the colors that drew me in. Today, it’s design that allows me to experiment with color—whether it’s a website in RGB or a printed piece in CYMK, the colors are key.
I’m intrigued by the emotions that colors can impart. Color can convey an unlimited range of meanings and the impact of design can be greatly altered by the simple change of color. It is not the colors themselves that have meaning; it’s our culture that provides the meaning and context. Red can mean anger or urgency in the West, while it is a symbol of prosperity in Eastern countries such as China, where red is worn at weddings and doors are often painted red.
Below is a table of meanings typically assigned to colors:
This information can easily be used to influence your audience.
McDonald’s is a perfect example of an effective use of color:
Red=Fast, Yellow=Hunger … Fast Food
Armed with this information, I sample colors from many sources: photos, websites, advertisements … anywhere really. Here are some of the techniques I use to sample colors:
Photoshop’s Eyedropper Tool
The eyedropper tool allows you to sample colors within Photoshop, but it can also be extended to anywhere on your screen. Here’s how: Select the Eyedropper tool. Click and hold down the mouse button inside an open Photoshop document. With the mouse button held down, drag the eyedropper tool outside the Photoshop document to sample color from anywhere on your screen.
I often like to grab colors from a website. The Firefox extension called ColorZilla adds a little eyedropper to the bottom left corner of your browser window. Click the eyedropper to activate and mouse around a webpage picking colors. The icon changes to represent the current color. You can then click to “lock” that color. The color values appear in the bottom of the browser window. Click the down arrow to the right of the eyedropper to present options for saving the color values.