Color Tools
COLOURlovers is a resource that monitors and influences color trends. COLOURlovers gives the people who use color - whether for ad campaigns, product design, or even in architectural specification - a place to check out a world of color, compare color palettes, submit news and comments, and read color related articles and interviews.
Color Codes Matching Chart HTML The Pantone Matching System (PMS) allows users to mix percentages of base inks (like CMYK) to create new colors, either physically (spot colors) or on the printed document using screens to allow certain amounts of ink through and then overlaying the base colors.
Color combinations Choosing the right color combination is vital for any design - web site layouts included. A good color combination can lead to success while a bad one spells doom. In these pages you will find more than 200 color combinations to help you in selecting colors for your web site. Be sure to judiciously select a color combination that matches the theme or your site. Colors on your web site can be complementary to your logo colors or can be quite different which helps your logo standout helping in brand recall. Also remember that the effect of a single color changes, sometimes dramatically, when used in combination with other colors.Color combinations are displayed along with hexadecimal color code so that you can directly use the color in your HTML or CSS code.
Web Colour Palette is about finding new ways to interact on the Internet and collaboration, at least to a certain extent. Those of us in the know realise what Web2.0 is really all about - putting things on super shiney tables and painting them with gradients and candy colours and shiny silver and stuff.
Organised into 3 distinct colour groups - neutrals, muted tones and bold colours, you may recognize a few of the shades from some of your favourite Web2.0 sites. Now you can quickly and easily assemble your own colour scheme - simply choose any number of bold or muted colours, then add as many neutrals as you see fit - you’ll have a Web2.0 masterpiece in no time at all.
Color Scheme Tool - feel free to use this program for your web site design, digital painting or other graphic design and art projects. Its what I use and I find it very good for my work. You just insert the hex or rgb codes from or into Adobe Photoshop or any other image editing software and voila you are on your way to a great color scheme.
Accessibility Color Wheel is a tool which might help in the choice of a color pair, for instance to write a web page. For the sake of accessibility the text and background color of a site should be clear also to people who have not a perfect vision. The page with this tool helps to achieve that by analyzing the contrast of a color pair and showing how color-blind people see it. It simulates three kinds of vision deficiencies. One of them, tritanopia, is anyway very rare. If the contrast between the colors is good, a big OK! appears. It’s also possible to analyze whether the colors are good in single cases.
colr.org is a site that allows to play with colors and color schemes.
ColorMatch offers a great color matching tool which is used to find the best matching colors for your design.
ColorCombos is a site that provides color schemes tools and ideas to create the perfect website.
CSS Color Chart This page contains a neutral colors chart and a general-purpose color chart. You can use the colors in the palettes with either HTML or CSS. Click on the color code to select it, then you can copy and paste it. Click on the Toggle button to convert from Hex to RGB and back. The charts are printed in tabular fashion so you can narrow your browser window with the palette and compare the colors to your design side-by-side.
Triplecode Munsell Palette Picking colors is not an easy task. It is definitely an art. But available software tools don’t make the task any easier. This is, in part, because most color models (such as RGB, HSV, and web color palettes) are based on mathematical formulas which have little to do with how the human eye sees colors. For example, if you look at an RGB palette you’ll see large areas of very similar colors, and then, in small areas, big color changes. (Ie. uneven color distribution.) The Munsell system is different because it is based on how people perceive colors. At its core is a set of data from perceptual studies (done in the late 1930’s) where people were asked to judge the differences in color pairs. The result is a data set which defines a perceptually uniform color space. The Munsell Palette software is based on software Triplecode principal David Young encountered while a student at the MIT Media Lab. But that software (originally written by David Small) was developed before The Web, was limited to use within a custom windowing system developed by fellow students, and only ran on high-end workstations. The updated version here uses the same Munsell data, but can be used on any computer that supports the Flash plugin.
With the Sessions.edu Color Calculator, you can identify color harmonies faster than with any color wheel or chart. Use it to select a color scheme for a corporate identity or design project. Rotate shapes on the color wheel to identify harmonious color schemes. Adjust saturation and lightness. Save RGB, CMYK, or HTML color values, then send them to a colleague or client.
I Like Your Colors -type the URI of a page below and submit it to see what colors it uses
Online color chart provides HTML color codes (HEX, Smart and Web Safe) in very accessible format. Click on color wheel to select a color and angle. Full color palette of selected color will be displayed on the right. Right color palette is structured in a way that color gains saturation from left to right and brightness from bottom to top. The most right color box displays the current color under the cursor and its HEX (also, Smart and Web Safe) color value.
Kolur is a simple enjoyable way to browse color palettes. Designs displayed in our gallery go beyond the generic 3 colored dots, and attempt to portray the possibilities in palettes.
Infohound Color Schemer a simple tool to help you experiment with various color schemes for your next web or print project. 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.
DhtmlGoodies is a library of DHTML and AJAX scripts. Here you can find a tool to match colors for your Web page. Just choose a primary color, and you will get complementary, split complementary, triade, tetrade, analogic, and monotone color schemes.
Eye Dropper Color Mixer is a tool that uses ImageMagick to fetch a chosen pixel’s hex color value. You can use any image you like. This is very handy if you’re trying to match an image background perfectly. Just click on the image and the page will reload with your pixel converted to an RGB hex value. Change the SRC value to your own image if needed.
EasyRGB allows to match your computer generated RGB values to color cards, paint lines, and inks. You can find an industrial standard match for your computer colors, transform "virtual" colors in "real world" references. Search for colors complements to your RGB values. Create color harmonies, combinations and themes. From your main (or background) color select trim and accents tones. Search popular color collections for specific color codes or names. Once selected the desired color, find the closest match in competitors’ fandecks and color cards, create harmonies or get chromatic data. Convert color data to different color spaces. RGB to CIEL*ab, CMY to XYZ and much more…
ColourMod originally made its debut as one of the most flexible, not to mention, good looking, DHTML Dynamic Color Pickers out there. Since then ColourMod has become even more robust, with room to expand beyond imagination. Currently, ColourMod comes in many different juicy versions. Each version is tailored to fit your specific needs and desires. From colour conversions on your desktop, to colour picking on the web, there is something for you.
Colour schemes - a summary of different colour schemes. An example of each scheme is shown using the current colour.
Mix colour is a tool to mix varying amounts of all combinations of red, green and blue with a specific colour.
Colour Contrast Analyser Guideline 2.2 of the Web Content Accessibility Guidelines 1.0 requires that foreground and background colour combinations provide sufficient contrast when viewed by someone having colour deficits, or when viewed on a black and white screen. Two colours provide good colour visibility if the brightness difference and the colour difference between the two colours are greater than a set range. They suggest a colour contrast algorithm , which is used in this test. The algorithm is under development, and may be likely to change. Any changes to their algorithm will be updated on this page. This page is provided to allow you to check the contrast of two colours using the W3C’s colour contrast algorithm by specifying the colours directly.
Color Shades is a chart that shows a list of colors and, for each color, three other colors based on the original color but with higher light values. You can use this chart to set up color schemes. It lists the colors from the color codes chart that have some saturation. (grey, white, and black have no saturation.)
Color Schemer Online is a free online matching application. It is quick, compact and easy to use. Enter an RGB or HEX value to get a set of matching colors. You can even lighten and darken your scheme or pick colors from a web safe palette!
ColorMix By dithering 2 or 3 browser safe colors, it is possible to make over 10 million different combinations. At the left is an example, the beige used in this site is a dither of 3 browser safe colors. ColorMix provides a quick and easy way to combine these 216 hex values, reference the possibilities, and download new combinations. After you create a color that you would like to use, just click "Make Swatch" and ColorMix will prepare a gif time of that new color for download. The tile can be used as a background or fill. The ColorMix logo at the top of this page is a good example of letterforms that have been filled with browser safe combinations.
VisiBone is a tool made especially for designers. It is a 216-color Webmaster’s palette. You can click on several colors and see if they are a good match.
ColorBlender is a completely free to use tool for color matching and palette design! To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a "blend") will be automatically calculated. Blends can be saved for future use, and will be available whenever you return to this site from the same workstation, given that your browser accepts cookies.
4096 Color Wheel by Jemima Pereira Hover over the wheel to view colors. Click to choose a web-smart color. Reload to clear.
100 Random Colors This nifty little web app is primarily a random color generator that’s intended to help designers like yours truly get out of the "creative block."
Color Palette Generator by Jeff Minard generates a color palette based on an image.
Color Palette Generator Enter the URL of an image to get a color palette that matches the image. This is useful for coming up with a website color palette that matches a key image a client wants to work with.
Color Palette Creator creates 10 shades of the base color, located top-left, at varying degrees of opacity. The top row emulates opacity over a white background, the bottom over black (or colors of your choosing as of v1.4). 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.
ColorToy is a Flash based color scheme generator and picker. It generates complementary color schemes based on your inputted color values or randomly, which is much more fun.
