Colors are tricky. It's a common thing to spend hours upon hours on tweaking color combinations for a project. Whether you are a web designer or developer with an infinite number of possible color combinations out there, it can be hard to decide what colors to use on your site or app. So in this post I've collected some best tools to produce color sets for designer and developer.

Unleash The Power of WordPress Ad

Awesome collection of 11,000+ WordPress Themes, including Bootstrap Templates & Design Assets

Sorted CSS Colors

A tool to sort the named CSS colors in a way that it shows related colors together

Sorted CSS Colors

Happy Hues

Happy Hues solves the problem of not knowing how to apply a color palette to your designs. It not only gives you color palette inspiration, but shows you, in a real example, how you could use the colors for your backgrounds, headline, illustrations, etc.

Happy Hues

Color

Generate, visualize, and document accessible color palettes.

Color

Eva Design System

Enter your Brand color and get beautiful color combination generated by AI. The unique color system simplifies pallets creation making it fun to choose a stunning color scheme for your next product. Easy export included. It's completely free.

Eva Design System

AI Color Wheel

Automatically get color inspiration for your graphic designs, logos and illustrations. See your designs re-colorized in the style of classical and modern art movements.

AI Color Wheel

Data Color Picker

Useful tool for creating data visualization palettes. This color picker allows you to specify both endpoints of the palette. You can choose at least one to be a brand color, which gives you significant flexibility in creating a palette that will work for your visualizations, yet be customized for your brand.

Data Color Picker

A11y Color Palette

This tool should help you visualize an entire palette of all color combinations with accessibility in mind. The combinations are ordered by color contrast ratio. Try it out with these sample colors, and then create a palette of your own.

A11y Color Palette

Palettte App

It's the best tool I've found to visualize and edit color palettes. It helps you to create, analyze and edit smooth color palettes. Fine tune hue, saturation and value gradients of your palettes. Import existing color schemes, find errors or automatically find the most similar colors from a new palette to a list of legacy colors from your codebase.

Palettte App

Material Design Palette Generator

Get perfect Material Design color palettes from any hex color.

Material Design Palette Generator

Sim Daltonism

Sim Daltonism is a color blindness simulator for iOS and Mac. It takes a live video feed from the camera on iOS and filters it in real time using a color blindness simulation algorithm.

Sim Daltonism

Contrast

A macOS app for quick access to WCAG color contrast ratios.

Contrast

Color Review

We experience contrast differently in different colors. Because of how our eyes work, blue text on a white background will be much more easily read than a yellow. When you are designing for humans, in whatever medium, this is something to always keep in mind. This ia a modern tool for exploring and finding accessible colors. Make sure that everyone can see your creations.

Color Review

Colorgrab

Steal Beautiful colors from Dribbble shots easily.

Colorgrab

Color Claim

ColorClaim is simple. All I do is collect my favorite color combinations on one big page. Usually these combinations are very subtle, one main and one accent color.

Color Claim

Hue

Hue is a collection of hand-picked color palettes for inspire your design and make beautiful website and app. Hue is as clean as they come and the simplicity is hard to ignore. No frills, just colors, and just plain fun to browse. The system is based on 60-30-10 color ratio rule and it help you to balance and apply the colors to your design.

Hue

Colorhexa

ColorHexa.com is a free color tool providing information about any color and generating matching color palettes for your designs (such as complementary, analogous, triadic, tetradic or monochromatic colors schemes). Just type any color value in the search field and ColorHexa will offer a detailed description and automatically convert it to its equivalent in Hexadecimal, RGB, CMYK, HSL, HSV, CIE-LAB / LUV / LCH, Hunter-Lab, XYZ, xyY and Binary.

Colorhexa

Polarite.app

Polarite is a machine learning assisted decision making app for generating harmonious color schemes.

Polarite.app

Schemecolor

It's free, easy and you won't find such a supportive community of "colorful" folks anywhere else.

Schemecolor

Accessible Brand Colors

This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand's colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.

Accessible Brand Colors

Colorbox

Colorbox is a tool to produce color sets open-sourced by Lyft's design team. This tool helps you avoid choosing ugly color combinations.

Colorbox

Culr

Colors that work together are curated and fashioned into quality palettes that you can incorporate. No more racking your brain to find the right color combinations!

Culr

Sip

A modern color picker built for designers and developers that allows you to collect, organize and edit colors. Use Sip to share colors with everyone and link them between your other tools.

Sip

Color Palette Generator

Make color schemes. 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 scheme that matches a stock photo a client wants to work with.

Color Palette Generator