Adobe Color Wheel
18th Feb
Phil Hanson">

Adobe Color Wheel

Today I want to tell you about a tool I use often to arrange the colors on a website I’m working on. The tool is Adobe’s Color Wheel website. This tools allows you to pick a color, and then will automatically choose others to match based on a few predetermined presets. The presets are:

  • Analogous
  • Monochromatic
  • Triad
  • And more…

This tool help you to pick complementary colors when you are styling your website for a clean, professional look. Adobe also provides a lot of themes, or swatches with completely matching combinations. If you have an Adobe CC account you can also log in and save different swatches to use with other Adobe CC applications, like Photoshop or Illustrator.

You can try out the tool here, for free, in any web browser.

Color Lovers

This website is another great tool to use. This site, similar to the Adobe ‘s,¬†lets you view and download different pallet combinations from magazines, and websites. See what other sites use for their color combinations and get ideas for your own site.

Each site gives you matching swatches of 6 colors. In addition it provides you with the RGB and Hex values for each so you can quickly apply the swatches within your web editors or graphic design program.

You can visit their site here.

Do Your Research

The last bit of advice I can give is browse around, look at what some of your competitors sites are doing with their design, color scheme, and layout. Get an idea of what they are doing, then plan out how you want to tackle the same design challenges while attempting to differentiate yourself from the rest of the pack. It always takes hard work to get your site looking just how you want.