Color is always important in the design work! Everything will start to flow in your creative ideas as you check your surroundings for colors.
Designers are always addicted to explore more color schemes for their work …. Whenever you meet an uncompromised deadline, what kind of tools that you might think would help you best to get color schemes that creatively deliver brilliant design concept? We have a great list of color tools, color schemes and resources that might help you out. They are categorized in several sections, which are Color Wheel, Color Chart, Web and CSS Color Tools, General Color Tools and Color Palettes.

Kindly share this post and please drop us comment if you have other color related websites that haven’t been mentioned here.

Color Lovers, get ready to color!

COLOR WHEEL

1. 4096 Color Wheel

http://www.ficml.org/jemimap/style/color/wheel.html

This wheel tool allows you to pick colors and save them into the 7 pick list. Hover over the wheel to view colors and click to choose a web-smart color. You can also change the saturation (left to right) and value (bottom to top) of the last hue by hover over the square.

2.Accessibility Color Wheel

http://gmazzocato.altervista.org/colorwheel/wheel.php

This tool is another color wheel to check the quality of contrast between foreground and background color. Better quality of contrast/difference means that the color pair is good for accessibility. The color pair will be shown in single textbox indicating that the foreground text’s brightness color is good on the background color.

COLOR CHART

3.Color Chart for Web Page Development

http://www.brobstsystems.com/colors.htm

Complete browser-safe colors charts in hex colors system.

4.Dynamic Color Chart

http://www.somacon.com/cgi/colorchart.pl

This color chart is organized in hue and saturation and sort in based tints and shades.

5.CSS Color Chart

http://www.somacon.com/p142.php

The chart has a toggle RGB and Hex button, to switch between color codes system display. The color names are sort out by types, which are neutral colors chart and a general-purpose color chart. The page is designed in tabular style so you can narrow your browser window with the palette and compare the colors to your design side-by-side.

6.Name that Color

http://chir.ag/phernalia/name-that-color/

This chart is a little application where you can create a color on the screen (or copy-paste CSS hex# color) and find out the name of the closest matching color.

WEB & CSS COLOR TOOLS

7.Back To Font Web Color Picker

http://markup.co.nz/colorpicker/back_to_font.htm

A user friendly JavaScript color picker designed to help you select background and font colors for your webpages. It allows you to dynamically and visually select color contrasts. The output of the application is a css style selector for the chosen element which you can cut and paste into a style sheet or style block in your html document.
Very interesting stuff, because this is one of our favorite tool!

8.Palettizer css color contrast picker

http://markup.co.nz/palettizer/palettizer.htm

A CSS color picker with the added option to load various color palettes. Palettizer can be a time saver to check color contrast of text and background, because it is designed in a simulation that almost similar to a webpage.

9.IDEO Web Color Visualizer | version 1.0

http://www.ideo.com/visualizer.html

A color visualizer that has hundreds of chart swatches. Whenever you click on a swatch to set the background, then you can instantly visualize the combinations by rolling over the swatches to change the color of the elements below.

10.DHTML Goodies Color Schemer I

http://www.dhtmlgoodies.com/scripts/color-schemer/color-schemer.html

A color schemer to find matching colors for your web page. All you have to do is to choose a primary color. The color picker options are available in Named colors, Web colors and Sliders. After you pick a color, you will get the color values. The color schemes section will also generates several alternatives of type colors with its hex system. They are in Complementary, Split complementary, Triade, Tetrade and Analogic color system.

11.DHTML Goodies Color schemer II

http://www.dhtmlgoodies.com/scripts/color-schemer-v2/color-schemer-v2.html

You can have instant color schemes just by clicking on an element of the color simulation page then select a color to assign it to the selected web element.

12.Colour Contrast Check

http://www.snook.ca/technical/colour_contrast/colour.html

A very simple color contrast checker that uses sliders for you to pick a color. The result is shown below the sliders tool with many options to set the color value.

13.Combo Tester

http://www.colorcombos.com/combotester.html

Allows web developers to see how different color combinations work together on the screen. Combo Tester is actually one of ColorCombo.com features.

14.Color Vision

http://www.iamcal.com/toys/colors/

This tool helps you simulate the appearance of our site’s colors for people with different color visions. Select text and background colors from the palette below, then choose a color vision mode.

15.Color Scheme Generator 2 [EN]

http://wellstyled.com/tools/colorscheme2/index-en.html

Generator of color scheme and palette to create good-looking, well balanced and harmonic web pages. This is the new version of the previous color generator.

COLOR TOOL

16.Color conversion (RGB / CMYK / HSV / YUV / …)

http://web.forret.com/tools/color.asp

This is a color tool that will help you convert colors between RGB, CMYK and HSV color spaces.

17.Color calculator

http://www.easyrgb.com/index.php?X=CALC

Color calculator converts color data to different color standards (RGB, CMYK, L*ab, L*ch, L*uv, Hunter, XYZ etc.).

18.Color synthAxis

http://www.telecable.es/personales/alberto9/color/index.htm

If you want to create a sort of color schemes for a web presentation or a blog post, Color synthAxis will do best for you. This is a very interesting web-based color palette that allows you to drag and drop boxes of your custom colors to fit your design. However, you might need to read the tutorial that is listed on this site to figure how it works.

19.Infohound Color Schemer

http://infohound.net/colour/

This color schemer is a simple tool to help you experiment with various color schemes for your next web or print project. You just need to click around within the shaded box to set the saturation and brightness, or within the rainbow to set the hue. You can also enter a particular value directly into one of the boxes. Matching colors will be automatically chosen. You can click on one to set it as the primary color.

20.Color Name & Hue

http://www.colblindor.com/color-name-hue/

It is always a problem for me to assign a certain color to a main hue. If you struggle also with this because of your color blindness, Color Name & Hue might help you. Try it out.

COLOR PALETTE

21.Kolur

http://www.kolur.com/

Kolur is a very unique color browser that captures 3 generic colored dots from various designs displayed in its gallery.

22.Color Palette Generator

http://www.degraeve.com/color-palette/index.php

Simply by entering the URL of a picture, you will get a color palette that matches to it. Very useful for coming up with a website color palette that matches a key image a client wants to work with.

23.Color Hunter

http://www.colorhunter.com/

Create and find color palettes made from images or uploaded image.

24.Color Inspirator

http://www.color-inspirator.com/

Mixing color by random chart from previous color schemes, and shares your color mix instantly.

25.Create color harmonies

http://www.easyrgb.com/index.php?X=HARM

From your RGB colors it creates colors complements, harmonies and themes.
It can be used to easily generate a Web site color theme before you go with further design steps.

26.ColorSchemer Gallery

http://www.colorschemer.com/schemes/

The ColorSchemer Gallery is an online community where ColorSchemer users can share and manage color schemes created with ColorSchemer [PC or Mac]. You can also rates the color schemes if they come to be your favorite!

27.Pic2Color

http://www.pic2color.com/

Pic2Color brings you two different applications. Firstly, you can create color palettes from a picture by entering an image URL or upload a picture file. Another application is the cool one! This website provides you an application to recolor graphics based on other graphic’s color scheme to convey certain color emotions as your desire. You can submit the graphic’s URL, upload a file or use sample from Flickr. Also, you can embed a Free Widget on your website, that will pull up the pic2color™ palette widget button.

28.Combo Library

http://www.colorcombos.com/combolibrary.html

The color library contains huge numbers of color swatches, along with their color hex values If you are looking for Color Combination ideas, check out the Combo Library now!

[[diggthis]]

And that´s it. We hope you like our little collection. If you do, spread the love or leave a comment :-)