Monday, September 12, 2011

Colors For the Web

Select an average of 3 different colors and use them consistently throughout the web site.Golden_Gate_Bridge_1

Chromatic harmony is one of the most important criteria in order to create a pleasant experience for the visitors. It is strongly recommended that a moderate number of colors should be employed; four or five is ok; more than that not only will they create inconsistency, by they will also cause an eye sore for the visitor making him skip important parts of the site.
Bay_Bridge_Dulled
How many colors

A site that uses fewer colors is easier to remember than a site that uses many colors. However, this doesn’t mean that you should always limit yourself to one color. Sometimes it’s good to pair your brand color with another color to make your website look and feel more vibrant.

Face_in_Stones
Where to apply colors

You may love your brand color, but that doesn’t mean you should apply it everywhere on your website. There are certain areas where your brand color works best. Interface controls such as navigations, menus, boxes, buttons, links and search fields are areas where you should apply your brand color. This highlights your interface controls, making them easy to see when users need to do a task.

The areas of your website where users read text should not only have high color contrast, but the colors you use should never compete with your brand color. Black and white are the best colors for this because together they make text easy to read and they’ll never compete with other colors. Black text on a white background is the standard convention for text on the web. It has never failed users before, and it won’t fail users now.

Rainy_Union_Square



Colour Contrast Check

Upload an image to generate a color palette based on the image's primary colors. Useful for quickly grabbing a particular color within an image for inspiration.

La_Cueva_de_NerjaMelissaniRaining_GoldLondon_LightTaxis_and_HatsJim_Beam_StreaksCrystal_Caves

Pile_of_EarthtonesRusted_Shells

Slice_o_Pie

English_Trifle

Strawberry_Chocolate

Chocolate_Cake

MATR

Great_Blue_HerronRobinBlueberriesFruit_and_Nuts

Blueberry_Explosion

Fort_Sumter

John_Day_Fossil_Beds

Gold_Fountain

Casa_Comalat

Window_to_Chihuly

Crumble_Brick

China_Town_Window

Intense_Windows

Evenin_Neighbor

After_the_Storm

Nighttime_DeliveryTerror_Vision_PosterStealth_ClownfishDracula_PosterFantastic_VoyageDest._Inner_SpaceBlack_Lagoon_PosterHonu_TurtleJaws_Movie_PosterPrimovula_UnderwaterManta_Ray_FlightHello_DolphinBalanced_breakfastTreasure_IslandMountain_SunriseEscondendo_o_TosoMorning_CoffeeSplash_Of_Grass

Storm_WashGreat_Ocean_RoadThrashing_Bull

Shutterside_Nook

Sunny_Showers

Key_Lime_Time

Face_in_StonesRocky_RedsDeserted_TreeSierra_NevadaAnza-Borrego

Spongebob_Balloon

Ask_Jeeves_Balloon

Blooming_Branches

Green_Wall

Sunset_Bees

Rain_Boot_Day

Welcome_Back

Rusted_ShellsPile_of_Earthtones

Airborne_MuseBrooklyn_Bridge_Dark