Color Tools

Get complete color info: HEX, RGB, HSL, HSV, CMYK, and color harmonies.

Pick colors and convert between HEX, RGB, HSL, HSV, and CMYK — with color harmonies and palette export.

Check WCAG 2.1 AA/AAA color contrast ratios for foreground and background pairs.

Generate beautiful color palettes from a base color — shades, tints, complements, and harmonies.

Create CSS linear, radial, and conic gradients visually with full CSS output and copy.

Generate a Tailwind color configuration block from a list of HEX or RGB colors.

Upload an image and preview how it looks under protanopia, deuteranopia, tritanopia, and achromatopsia.

Extract the dominant color palette from any uploaded image, with hex codes and percentage breakdown.

Find the nearest standard CSS named color for any hex value using Euclidean RGB distance, or search and browse all 148 named colors.