You are: Home » Web Design » 17 Best Free Online Color Tools for Web Designers
03
Dec
2010
11483 Views

17 Best Free Online Color Tools for Web Designers

This is my fourth post in this series. It is a handy list, a one stop shop if you like, of the best Free online color tools that a Web designer needs. Color tools are very important in Web design. A good color combination tend to communicate with the user. The Website´s look is half the battle in attracting users (the other half is content and SEO/SEM). That is why your Website´s color scheme is such a deciding factor. All links are External.

Hover over each image or link for a short description about each tool. Good Luck!

Adobe Kuler-a Web application for generating color themes that can inspire any project. With Kuler you can experiment with color variations and browse thousands of themes.

Adobe Kuler

Color Scheme (Palette) Designer.

Color Scheme Designer

COLOURLovers-create and share colors, palettes and patterns. Has extremely useful tools.

COLOURLovers

ColorSchemer - Online Color Scheme Generator.

Color Schemer Online

Colors on the Web-Color Theory, Color Wheel and Combining Colors. Contains very useful tools: Color Wizard, Color Wheel, Color Contrast Analyzer, and Color Scheme.

Colors on the Web

Color Combinations. Color Schemes. Color Palettes. Has a nice tool to grab colors from a Website.

Color Combos

Color Theory at ColorJack.

Color Jack

Aviary-Toucan. Free online color palette creator.

Aviary – Toucan

ColoRotate - a 3D tool for viewing and editing colors.

ColoRotate

Online Accessibility Color Tools

Accessibility is an important factor in Web design. Choosing the right colors ensures that all visitors can read your Website´s content.

Check My Colours - a tool for checking foreground and background color combinations of a Web page to determine if they provide sufficient contrast when viewed by someone with color deficits.

Check My Colours

ContrastA-Find Accessible Color Combinations.

ContrastA

Color Vision - Test your Website foreground/background colors for their contrast and clarity to color blind users.

Color Vision

Relying on colors to determine page visibility and contrast can be misleading. Converting the colors to their grayscale equivalents is a more reliable method. By removing color influence, you will better find true visual contrast. GrayBit has some limitations. The tool works best on Websites that make use of cascading style sheets and a standardized markup.

GrayBit

Image to Colors Palette Generators

CSS Drive Image to Colors Palette Generator.

CSS Drive

Pictaculous-Image to Color Palette Generator.

Pictaculous

Color Hunter-Image to Color Palette Generator.

Color Hunter

Stripe Generator

Stripe Generator - diagonal stripes background designer.

Stripe Generator

Bonus Tools

Color Explorer - Free online tools for working with digital colors.

Color Explorer

ColorSuckr - Extract colors from photos and make color schemes.

ColorSuckr

If you enjoyed this post, please consider: linking back to it, subscribing by email to future posts, or subscribing to the RSS feed to have new articles delivered to your feed reader. Thanks!

Related Article(s):

  1. 22 Best Free Online Tools for the Perfect Domain Name
  2. 15 Best Free Online Data Storage & Backup Services
  3. Top 10 Free Antivirus Software For Windows
  4. Optimize Your E-Shop with These Top 10 WordPress eCommerce Themes
  5. Top 4 Free Version Control Systems For 2012
  6. 7 Best Free Website Speed Tools
  7. 37 Must-Have Cheat Sheets and Quick References for Web Developers and Designers
  8. 17 Best Free JavaScript Frameworks and Libraries
  9. CakePHP- What Makes it the #1 Choice for Large Scale Web App Development
  10. 14 Best Free Web Analytics Tools

Last Updated: March 20, 2014
Written by:
Tags: ,
Posted in Category(ies): Web Design
Word Count: 210

About the Author |
Boutros is a professional Drupal & WordPress developer, Web developer, Web designer, Software Engineer and Blogger. He strives for pixel perfect design, clean robust code, and user-friendly interface. If you have a project in mind and like his work, feel free to contact him. Connect with Boutros on Twitter, and LinkedIn.
Visit Boutros AbiChedid Website.

2 Responses to “17 Best Free Online Color Tools for Web Designers”

  1. sparken says:
    December 6, 2011 at 11:07 AM

    Nice List, thanks.
    You might like to add http://www.colorfunc.com it has over 60 different color tools that you can combine to make you own. very cool!

  2. minus8 says:
    April 6, 2011 at 5:47 PM

    Append that too: http://color.online-toolz.com/tools/color-chooser.php