Tools & utilities

A free suite of color tools — convert between HEX, RGB, HSL, CMYK and OKLCH, check WCAG contrast, generate palettes, gradients and brand systems, plus a spectrum of named colors with their hex codes.

Pick & Convert

Color Picker

Pick any color visually and copy accurate HEX, RGB, HSL and CMYK codes — no signup.

Color Format Converter

Convert any color between HEX, RGB, HSL, HSV, CMYK and OKLCH instantly — and copy ready-to-paste CSS, SCSS or Tailwind.

Color Preview

Enter any color and preview it instantly — compare colors side by side and copy HEX, RGB and HSL.

Palettes & Schemes

Palette Generator

Generate harmonious color palettes from any base color — complementary, analogous, triadic and more, with instant CSS export.

Random Color Generator

Generate random HEX and RGB colors instantly — single colors or full random sets for inspiration.

Shade & Tint Generator

Generate 10–12 step tints and shades from any color — perfect 50–950 UI ramps with CSS and Tailwind export.

Complementary Color Finder

Find the perfect complementary (180° opposite) color for any shade, with HEX/RGB/HSL and contrast info.

Accessibility

Contrast Checker

Test color contrast against WCAG 2.1 AA/AAA — live pass/fail, font-size rules, and a real component preview.

Code & Brand

Gradient Generator

Create linear, radial and conic CSS gradients with live preview and one-click CSS, Tailwind or SVG export.

Brand Color Kit

Build a complete brand color system with semantic roles and 50–950 ramps — export CSS variables, Tailwind theme and design tokens.

From Images

Image Color Extractor

Upload any image and extract its dominant colors as HEX, RGB and HSL — palettes from photos and artwork in seconds.