Skip to content
Color & Design

A working color & design suite built on real color science (sRGB · D65) — convert every format, check WCAG contrast, build perceptually-even scales, generate palettes and measure ΔE distance. All in-browser, no signup.

16,777,216 colors — every single one has a page.

Live

Palette Generator · Spacebar

Press space to generate 5-color schemes, lock the colors you love, adjust hue/sat/lightness and export — the Coolors workflow, enhanced.

Open
Live

Image Color Picker

A pixel-accurate eyedropper with a live magnifier — pick exact colors from any photo, point by point, never uploaded.

Open
Live

Color Palettes

Browse a curated library of trending palettes, filter by mood, search by hex, copy a color or open it in the generator.

Open
Live

Color Contrast Checker

WCAG AA/AAA contrast with a live preview at every text size, UI badges and a one-click fix to pass.

Open
Live

Tailwind Color Generator

Any hex to a full 50–950 Tailwind scale with nearest-default match and v4 @theme / config / CSS export.

Open
Live

Multi-Format Color Converter

HEX · RGB · HSL · CMYK · LAB · LCH · OKLCH at once, live — with WCAG contrast, luminance and a tint/shade ramp.

Open
Live

Accessibility Color Checker

Test text/background pairs against WCAG AA/AAA contrast, with a one-click OKLCH fix and color-blind-aware guidance.

Open
Live

Color Scale Generator

Perceptually-even 50–950 shade scales from one base color, OKLCH-correct, with CSS export.

Open
Live

Color Palette Generator

Designer-grade complementary, triadic, tetradic & more — harmonies generated in OKLCH with a live preview.

Open
Live

Gradient Palette Creator

Linear, radial & conic multi-stop gradients with a live preview and production CSS export.

Open
Live

Color Distance (ΔE)

Perceptual color difference via CIEDE2000, ΔE76 & OKLab — the print & brand-matching standard.

Open
Live

Color Blind Simulator

Preview palettes through deuteranopia, protanopia & tritanopia, with a confusable-pair warning.

Open
Live

Image Color Extractor

Pull a ranked palette of dominant & accent colors from any image — 100% in-browser, never uploaded.

Open
Live

Design Token Generator

Brand colors → full OKLCH token system with light/dark semantic aliases, CSS & JSON export.

Open
Live

CSS Color Code Generator

Custom properties, color-mix() states, relative color & OKLCH-with-fallback — shippable CSS from one color.

Open
What the suite solves
Convert anything

One color, every notation — web, print and the modern perceptual spaces.

Pass accessibility

Real WCAG contrast and luminance, AA/AAA, before you ship.

Build systems

Perceptually-even scales, tokens and palettes from a single base.

Match precisely

ΔE distance in LAB/OKLab — the print and brand-tolerance standard.

The color encyclopedia

150 colors, each with a full story

History, psychology, brand palettes, harmonies, contrast and code — pick a color, go deep. Or search any of the 16,777,216 hex codes above.