The Power of Color

The Power of Color

by (c) Joanne Glasspoole

Do you find it hard to choose color schemes for your Web designs? It is a question I get asked often. An effective color scheme can make or break your Web site. If it doesn’t convey the personality you are trying to achieve, you may end up alienating the people you are trying so hard to get to notice you.

In my quest to design successful, attractive Web sites, I spend a lot of time picking colors. Making sure colors coordinate well with each other is not an easy task. But, with the right tools and a good sense of what looks right, you can achieve the look and feel you desire.

Color has the power to make us feel hungry, cool, warm, excited, sexy, joyful, sad. Can you imagine the world without color?

Following is a brief summary of some of the emotions/feelings associated with color:

  1. RED: warmth, love, anger, danger, boldness, excitement
  2. ORANGE: cheerfulness, low cost, affordability
  3. YELLOW: attention-grabbing, comfort, liveliness, cowardliness
  4. GREEN: durability, reliability, environmental, luxurious, optimism, well-being
  5. BLUE: professionalism, loyalty, reliability, honor, melancholia, boredom
  6. PURPLE: power, royalty, elegance, artificial
  7. GRAY: conservatism, traditionalism, intelligence, serious, dull, uninteresting
  8. BROWN: relaxing, confident, casual, reassuring, earthy
  9. BLACK: Elegance, sophistication, formality, strength, illegality, depression, morbidity
  10. WHITE: Cleanliness, purity, newness, virginity, peace, innocence, simplicity, sterility

The above associations are not universal. Depending on the country, different colors can mean different things. If you are designing a Web site for an international audience, it is crucial that you pay particular attention to choosing your color schemes. Choosing the wrong colors may prove detrimental to the success of your Web site.

For more information about color, visit the following Web sites:

Colors

Websites and resources that help with choices related to colors

Website                           Description
Color Brewer 2The original color palette generator, also supporting color blindness. Probably the scientifically best option. Also probably not the prettiest.
Colormind.ioColor palette generator
ColorCurves.appColor palette generator that uses curves to generate color palettes
ColorGradientA free tool to create simple and complex CSS Gradients visually
CoolorsCreate the perfect palette or get inspired by thousands of beautiful color schemes
HTML Color CodesGet HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names
Colors & FontsA curated library of colors, fonts and resources
Palette ListPick 2 colors you like and the tool generates thousands of palettes for you.
PaletterCreate a color palette from a single color
Google Material Color ToolOfficial Google Material Color Palette Tool
Material PaletteFree to pick palettes, icons and colors for Material Design
ColorSpaceGenerate nice color palettes from one color
FlatUIColorsBeautiful set of color palettes in various flavors
Adobe ColorCreate color palettes, extract gradients from images, etc.
ColorsinspoAll-in-one resource for finding everything about colors
ColorsWallPlace to store your color palettes and generate palette in one click
HappyhuesHappy Hues is a color palette inspiration site that acts as a real-world example as to how the colors could be used in your design projects by Mackenzie Child
Adobe TrendsDiscover current color trends in different industries from the creative communities on Behance and Adobe Stock
Color HuntA free and open platform for color inspiration with thousands of trendy hand-picked color palettes
Gradient HuntA free and open platform for gradient inspiration with thousands of trendy hand-picked color gradients
Web GradientsA free website to find good CSS gradients
ColorBoxA free website to produce color set
CSS gradientA free website to make custom gradient and some examples of gradient
gradientaA pure css and jpg gradients
UI GradientsUI gradients color generator
Palette GeneratorGenerate new color palette with every spacebar press
Material Palettes1000+ Material Design palettes
GrabientGradient Selector
ShadeSwashQuickly generate shades of any color
BrandColorsThe biggest collection of official brand color codes
BRAND PALETTESLogo Color Codes and Palettes
Material Design Palette GeneratorGenerate theme and color palette Material Design-like
ColorateColor scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.
0to255A color tool that makes it easy to lighten and darken colors. It’s perfect for hover states, borders, gradients, and more.
Color BlenderA tool that shows the midpoint colors between two colors
Gradient ButtonsReady to use copy/paste gradient buttons
KhromaKhroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save.
whocanuseA tool that brings attention and understanding to how color contrast can affect different people with visual impairments.
ColorableColor combination contrast tester
Color Hex PickerTool to get hex code along with name of the color.
SaruwakakunThe stunning color scheme for website & App Designs with previews
PalettonPaletton.com is a designer color tool designed for creating color combinations that work together well.
ColorzillaA powerful online Photoshop-like CSS gradient editor
Image Color PickerImage color picker and palette generator
CombineCOLORSColor mixing tool
Color LoversIt will show the color schemes which are popular in the outside world.
HTML CSS ColorFree online Color (USA) or Colour (British) tools: information, gradient generator, color wheels etc.
HEX Color CodesIt gets HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names.
CoolHue 2.0A free tool that shows different gradient examples in CSS and PNG format
Colors.lolInteresting color palettes generated by a Twitter bot, there are hex codes and descriptive names for each color.
colors.dopelySuper-fast and simple color palette generator, palettes can be saved and shared in seconds.
UIColor PickerA collection of UI Colors with hex codes available to be copied in just one click.
Color HexColor-hex gives information about colors including color models (RGB,HSL,HSV and CMYK) and generates a simple css code for the selected color.
FarbVeloA random color palette generator
Veranda ColorBrowse color palettes made by other designers, generate and submit your own

“Color Smart: How To Use Color To Enhance Your Business and Personal Life” by Mimi Cooper is a must-read if you are an aspiring graphic artist.


Copyright (c) by Joanne Glasspoole. Joanne is the editor/publisher of CYBER QUEST. Each issue is jam-packed with original reports, links of interest to Webmasters–novices and pros–news briefs, cool Webmaster tools, and more.

About the author

Pretium lorem primis senectus habitasse lectus donec ultricies tortor adipiscing fusce morbi volutpat pellentesque consectetur risus molestie curae malesuada. Dignissim lacus convallis massa mauris enim mattis magnis senectus montes mollis phasellus.

About the author

Pretium lorem primis senectus habitasse lectus donec ultricies tortor adipiscing fusce morbi volutpat pellentesque consectetur risus molestie curae malesuada. Dignissim lacus convallis massa mauris enim mattis magnis senectus montes mollis phasellus.

Leave a Comment