Live chat by Boldchat
career center
career descriptions
design job board
earnings & opportunities
interview tips
resume tips
portfolio tips
design tools

bookmark this page

Color Wheel Color Calculator

HTML, RGB, CMYK color wheel chart

 
LOOKING FOR: color wheel | using colors

The Sessions Color Calculator is an interactive color wheel that helps designers select HTML, RGB, or CMYK colors and identifies color harmonies and schemes. Our Color Wheel works faster than any other color wheel or html color chart.

Designers may save HTML safe color values, CMYK color schemes, or RGB colors to an integrated clipboard and email the colors to colleagues or clients. You can also rotate shapes on the color wheel to identify harmonious color schemes, adjust the saturation and lightness of colors, or select a color plan to use for a corporate identity or design project.

Colors may be selected and applied to both print and Web design – the Sessions color wheel color calculator saves hours of work. A color scheme can be further refined by choosing different designs or patterns with different complexity levels.

For a thorough examination of Color, its systems, interactions and how to advantageously use this knowledge in art and design, please see Color Theory.

get the color calculator

Requires Flash Plug-in 5.0 or later!

 

ILU Color Wheel Created by Pieter J. Fourie,
www.pieterfourie.com

 

Using Colors to connect With Your Audience

You know what you want to say, and you know exactly how you want to lay it out. Great, you’re about half way home. Copy and layout are the first part of presenting your information, but maybe not the most important part. Before your audience begins to read and react to your information they see it in color.

Color creates audience responses by stimulating emotions and communicating on levels other than reason and intellect. It can excite, impress, entertain and persuade, but color can also create instant negative associations. It’s a good idea to be aware of how the majority of people respond to color and use this information in your choice of colors. Use the guidelines in the chart below to help you choose the colors that are most appropriate for the message you want to get across.

Color Chart (suggested meanings)
The chart below represents several meaning for color. Each color may represent another emotion to you. Use your best judgment when dealing with color and make sure to get feedback on the colors you use.

Red Aggressive, strong & heavy

 

Blue Comfort, loyalty & security

 

Yellow Caution, Spring & brightness

 

Green Money, health, food & nature

 

Brown Nature, aged, & eccentric

 

Orange Warmth, excitement, & energy

 

Pink Soft, healthy, childlike & feminine

 

Purple Royalty, sophistication & religion

 

Black Dramatic, classy & serious

 

Gray Business, cold & distinctive

 

White Clean, pure & simple

 

When choosing colors for your design, remember a few rules for mixing colors. The human eye cannot focus on red and blue at the same time. Trying to read red type on a blue background or vice versa causes extreme eye fatigue. Your audience will not be receptive to your message if it hurts them to read it. Never, ever use blue type on a red background and even worse, is red type on a blue background.

Most colors go well together with members of the same "family". Warm colors of type, such as red, brown, orange and yellow look better together in combination warm colored backgrounds; cool colored type like blue, green, gray and white with cool colored backgrounds. Using color families generally makes for a more appealing presentation, especially for large amounts of information.

Contrast is fun and can be used effectively to accent information and draw attention to items. In general, keep the contrast low. Too much contrast makes your work difficult to digest. For type, keep the contrast reasonable no matter what colors you’re working with. If your background has a value of, say 20%, and the type has a value of 80%, it presents a subtle look that's easy on the eyes and is graphically appealing. Avoid the extremes.

Courtesy of Chris Jackson

 
 
More info

Color: The Secret Weapon of Great Designers

Each color has a specific property, whether it's the particular wavelength in optical perception, the molecular construction of pigments or an RGB value for a monitor. Though each of those properties may be fixed, the expression and perception of a color may change within different contexts.

Perceive, understand, and use color. Color Theory Class - learn more

enrollment info

Type on a Path

As featured in:
4218 Photoshop Basics

Here’s how Donald Gambino explains the color wheel in his Photoshop Basics course:

Did you know that Photoshop has a number of filters and features associated with its robust Type tool? One of the newest of these is the "Type on a Path." It was introduced in Photoshop CS.

Prior to Photoshop CS, you would have had to use Illustrator to get this effect.

In your Tools palette, find your ELLIPSE tool (NOT your Elliptical Marquee!)—if it's not on top, it will be lurking under your Rectangle or Line tools.

Now, in your Options Bar for the Ellipse tool, make sure the leftmost button is selected

 



This button will make the ellipses you draw into paths that you can then type on. Pick a color in your Options Bar for the ellipse to fill in with, or make it white if you don't want the ellipse to be visible.

 

To actually add the text to the path of the ellipse, choose the Text tool and move the cursor over the shape. You’ll see your cursor change as you move it over the outline of the ellipse. Click and start typing!



 

You can use any of the shapes under the Ellipse tool, and you can draw your own paths with the Pen tool. You can even edit the path after you’ve applied the text to it.

See an assignment using type on a path

See the Photoshop Basics syllabus

 
 
1.800.258.4115 | home | site map | faq | bulletin |contact us | about us


© Copyright 2008 Sessions Online ® School of Design. (Privacy Policy) All rights reserved.
Reproduction in whole or in part without permission is prohibited.