CheckMyColours is a web tool to check foreground and background color mix of all DOM elements of a website page. With this tool, You can determine if they provide sufficient contrast especially by somone with color vision deficiency.

The contrast is checked by the value given on Luminosity Constrast Ratio (WCAG 2.0) and Colour brigthness (WCAG 1.0) ratios. There are some formulas to figure from this tool before you can set the perfect luminosity constrast scale value for the text, diagram and their background. The color brightness differences are also set based on spesific color range value for the purpose.

Web accessibility is one of the important aspects to achieve if you want to build a good website. CheckMyColours will help you in a time snap for better web accesibilty. Have a quick try ;)

URL: http://www.checkmycolours.com/

Pictaculous is a color tool that allows you to get a color palette right after you upload an image.
The color palette will be consist of 5 colors which are taken from your uploaded graphics, complete with its hexa code for each color. It handles PNG, GIF, JPG image file format and your file cannot be larger than 500kb.

This color palette generator is so simple, but quite helpful. There are also two other well known color community websites that will suggest you some alternatives of color schemes. They are Adobe Kuler and COLOURlovers. Once you’re done, you can download the Adobe Swatch File, share it on some social bookmark sites or share by email.

Just a pretty cool color tool web, to add on your bookmark list.

URL: http://pictaculous.com/

Color Picker is a simple jQuery plugin to select color. It has the same interface just like select color feature in Adobe Photoshop. You can set this color preview in flat mode, which works as an element in a page, or customize it so you can have the color preview after a toogle button is clicked. The color picker will slide or animate with certain callback functions.

Check out the full features on the source page and download the Color Picker jQuery plugin if you think it is useful for you!

URL: http://www.eyecon.ro/colorpicker/

Yet traditional methods of choosing colors on computers are limited to obscure sliders and flattened two-dimensional viewers. With ColoRotate, you can work with colors in 3D, in real time, and in a way that matches how our minds process color. ColoRotate has an intuitive interface that eliminates the need to memorize or jot down color combinations or numbers. Indeed, you can traverse across an open three-dimensional color space and choose (or design) the color palette that fits your needs. In the process, you can uncover color relationships that give your designs an aesthetic balance that will please the most discriminating eye.

Read the rest

“ColorFlow” is a set of desktop screensavers that consist of 14 simple, non-distracting desktops playing with color and different shading. Set it to display a different rotating image every 5 minutes or so.
Enjoy the set and start playing out the ColorFlow that flows your day with colors by visiting the source link ;)

More new color tools are found on internet nowadays, but this one is special! CSS Drive has launched the new Image to Colors Palette Generator! To get start you’ll need to upload an image or submit an image URL to generate a color palette based on the image’s primary colors.

The extra benefits you can get from this handy Image to Colors Palette Generator:
- It supports various image file format: .PNG, .GIF, .JPG and JPEG
- Instantly generates Photoshop swatches (.ACO) and CSS stylesheet (.CSS) as you can download these files for further design process.
- A Click on one of the color on the palette will show you the Hex code of that related color. You can compare between the Selected color and the Current color, as the Current color swatch will dynamically changes the color and hexa when your cursor is moving on the color palette.
- It produces 4 different palettes for efficient use of extracted colors, which are: Light Color Palette, Medium Color Palette, Dark Color Palette and Complete Color Palette.

This Image to Colors Palette Generator is very useful for quickly grabbing a particular color within an image for inspiration and also worth to save on your bookmark list. Have quick jump and tell us how you like this cool color tool ;)

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!

Read the rest

ColorJack.com is a website that specialized in Color softwares and tools. When you first landed to his cool site, you will see interesting color schemes that collects around 98 color combinations. Hover your mouse, and you’ll see a color scheme for each combination in a tool tip.

We have to say that ColorJack schemers is a very smart way to enjoy and to find inspirational colors for your design without being confused with pagination links to navigate. When you decide to click a color combination, you will be directed to another page to get more detailed information about each color inside it.

Have a quick visit to try ColorJack by yourself, as it should be a real time saver for your color inspiration ;)

Color Studio is one of color tool developed by ColorJack.com. It gives you comprehensive features to mix and generate color swatches.

There are lots of options inside this color tool interface. You can click “function” button that will auto-display color panels. The first click will show you a simple color picker with slider and hexa. You can work on RGB or RYB color system and get hexa color in three kinds of color type (spectrum, websmart and websafe mode). And if that’s not enough for you, after the 2nd click on “function” button, there will be another color panel equalizer where you can mix color based on its tones, filters and it is also equipped with three sliders (Hue, Saturation and Value).

Web 2.0 additional feature that makes this Color Studio stand out is the EXPORT option. You can:
bookmark – to save color pallete as URL on your browser, add it del.icio.us, export the color swatches in illustrator & photoshop or copy the URL in result, so you can easily share the link URL if you need it.

Hit the “spin” button to get random colors, and experiment with it using the color panels. Every picked color has a check box for easy customization. Color Studio will auto provides its hexa, and the related color value. You can work on unlimited colors to have maximum results.

GTool Color Picker is a free color picker made simple for your needs. You’ll find a simple color slider, RGB and Hex Color input boxes and a color chart picker to compare between initial and the latest color picks.

You may slightly see this color tool would be similar to what you have in Photoshop color picker. Well… the only different is because GTool Color Picker available online :D

Are you looking for another simple effect that can bring something brilliant to your website appearance? Try this lightweight JavaScript Color Fading Script. It gives you color transition that is fading gradually to another color.

You can apply this script for tables, divs and many more.
Some elements that you can target are:
- background
- border
- text color

You will need to set the hex value of starting color, then hex value to fade to and number of times to divide the color difference. Experiment a bit on some different transition speed values to see how the color fading effect work beautifully for you!
The good news is, Michael Leigeber has written this script with the demo page! Visit the site to check it out ;)

Need to find the perfect color combination for your project? colorcombos.com will help web developers quickly select and test website color combinations. The heart of the site is the Combo Tester, which allows web developers to see how different color combinations work together on the screen.
The colorcombos.com library contains hundreds of color swatches, along with their color hex values.

Read the rest

When you need to categorize your color choice especially when you are blind to color, this thing could be a really big problem to you. Thanks to this tool, because now you can assign a certain color to a main hue using color sliders to know the color name instantly just by entering RGB (Red-Green-Blue) values, HSB (Hue-Saturation-Brightness) numbers or a hexadecimal code for a color.

This tool could be quite handy because the list of colors comprises 1640 different color names extracted from several sources on the web. Try it now!

This tool will create 10 shades of the base color, at varying degrees of opacity. The top row emulates opacity over a white background, the bottom over black. The opacity values are 100% opaque, 75%, 50%, 25% and 10% on the top row. The bottom row begins at 85% rather than 100% and continues on as the first.

This page shows color chips generated at regular intervals and defined by the six-digit hexadecimal representation of color of the form #RRGGBB, where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.

This one is really interesting. Here you can find book covers by its colour. Simply enter a hex value in the search field and hit enter and you get: Lots of books with covers in your selected colour. Really good if you are looking for some new graphical inspiration :-)

Here you will find over 1500 different color palettes that were extrapolated from Sartorialist clothing pictures. Really great color resource which is updated daily.

This is a nice color scheme tool: You enter a word or phrase and it grabs 5 related images from Yahoo Images, and get the 6 most prominent colors from each.

Here you can create your own color scheme from your images. It is a re-scheming technology based on how the eye perceives color.

If you have to draw hair, then this site can be interesting for you. Here you find a nice hair color chart. (Hmmm… i didn´t know the color “LIGHT STRAWBERRY BLONDE FROSTED” yet :-) )