Color Tools

Free color tools for designers and developers — convert between HEX, RGB, HSL, CMYK, HSV and more, build harmonious palettes, check WCAG contrast, mix and shade colors, and find the nearest named color.

Convert and identify colors

#α

HEX ⇄ RGBA

Convert between HEX color codes with alpha and rgba() notation, with a live preview.

CSS Color Formats

Show one color in every CSS format: hex, rgb(), hsl() and hwb().

cmyk

CMYK to RGB Converter

Convert colors between CMYK and RGB/HEX with a live swatch.

hsv

HSV / HSB Converter

Convert colors between HSV/HSB and RGB/HEX with a live swatch.

🎨

CSS Named Colors

Browse and search the 140+ CSS named colors with their hex values.

◑?

Nearest Named Color

Find the closest CSS named colors to any color you pick.

Build palettes and color scales

◑

Color Palette Generator

Generate complementary, analogous, triadic and tetradic palettes from any base color.

▦

Color Shades & Tints

Generate a range of lighter tints and darker shades from any base color.

Tailwind Palette Generator

Generate a Tailwind-style 50–950 shade scale from any base color.

◓

Color Mixer

Blend two colors at an adjustable ratio and get the resulting hex value.

🖼◑

Image Color Extractor

Extract the dominant colors from an uploaded image as hex swatches.

◐◑

Duotone Generator

Create a two-color duotone gradient with copyable CSS.

Check contrast and color vision

◐

Color Contrast Checker

Check the WCAG contrast ratio between a text and background color with AA/AAA results.

◔

Color Blindness Simulator

Simulate how a color appears with protanopia, deuteranopia and tritanopia.

Generate colors

⚂

Random Color Generator

Generate a random color and view it as HEX, RGB and HSL.

#abc

Color from Text

Generate a deterministic color from any string of text.

No tools match that.