Color tools
Focused, free color tools backed by the same engines as the color palette generator. Generate palettes, resolve color names, check WCAG contrast, preview color blindness, and build CSS — all in your browser, nothing uploaded.
Generate & convert colors
Seed palettes, browse real brand colors, name any hex, and flip between HEX, RGB, HSL, CMYK and OKLCH.
Color palette generator
Six palette strategies from one color.
Brand color palettes
Real brand colors you can use as a design seed.
CSS color names
The 148 CSS names + dominant hue, closest first.
Color converter
HEX, RGB, HSL, CMYK & OKLCH in one converter.
Shade & tint scale generator
Perceptual 50–950 scales in OKLCH.
Color mixer
Blend two colors at any ratio.
Alpha channel tool
HEX8, RGBA & opacity from any color.
Check accessibility
Grade WCAG contrast, audit an entire palette at once, and preview how every tool's colors look to color-blind viewers.
Build with CSS
From one color to Tailwind themes, dark mode with real contrast, design tokens, gradients and shadows.
Tailwind color generator
Tailwind v4 @theme output from one color.
shadcn/ui theme generator
Current-convention shadcn themes.
Dark mode generator
Semantic dark themes, not inversions.
Design token generator
DTCG-style JSON + CSS tokens.
CSS gradient generator
Linear, radial & conic gradients visually.
CSS shadow generator
Visual box-shadow & text-shadow builder.
Typography scale generator
Modular type scale with live preview & CSS.