Color100% Free10 tools

Free Color Tools for Designers and Developers

Convert colors between HEX, RGB, HSL, CMYK and LAB, build palettes and gradients, mix and shade colors, and check contrast and color blindness. Every tool runs in your browser.

Accessibility

Color Contrast CheckerCheck the WCAG contrast ratio between a text and background color. Color Blindness SimulatorSee how a color looks with the main types of color blindness. Color Difference CalculatorMeasure how different two colors look with Delta E 76 and CIEDE2000.

Create colors

Shades and Tints GeneratorMake a scale of tints, shades and tones from one color. Color MixerBlend two colors at any ratio and list the in-between steps. CSS Gradient GeneratorWrite CSS code for linear, radial and conic gradients. Random Color GeneratorGenerate random colors and random palettes with swatches.

Convert and inspect

Color Name FinderFind the nearest CSS color name for any color, or look up a name. HEX Color Opacity CalculatorMake 8-digit HEX and RGBA from a color and an opacity percent. Kelvin to RGB ConverterConvert a color temperature in Kelvin to RGB and HEX.

How These Color Tools Work

Every tool on this site runs in your browser with JavaScript. The colors you type are processed on your own device and are not uploaded, stored or logged. No outside service is used.

Colors are read in HEX, RGB, HSL or by CSS name, converted to the right color space for the job and shown with a swatch, so you can see the result as well as the numbers.

Which Color Tool Should I Use?

Switch formats: use the color converter, the HEX opacity calculator and the Kelvin to RGB converter.
Build a palette: try the palette generator, the shades and tints generator and the gradient generator.
Mix and discover: use the color mixer, the random color generator and the color name finder.
Check accessibility: use the contrast checker, the color blindness simulator and the color difference calculator.

More free tools: math calculators, unit converters, text tools and website tools. For the standards behind the contrast tool, see the W3C WCAG overview.