Free Color Tools
Twelve free tools to help designers work with color more effectively. No account required.
Contrast Checker
Check WCAG AA/AAA compliance between any two colors. Covers normal text, large text, and UI components.
Color Blindness Simulator
Preview your palette through 8 types of color vision deficiency — including deuteranopia, protanopia, and achromatopsia.
WCAG Contrast Auditor
Paste up to 10 design system colors and get a full AA/AAA compliance matrix for every foreground/background pair. Export as CSV.
Color Converter
Convert any color between HEX, RGB, HSL, HSB, and CMYK instantly. Copy any format with one click.
Color Compare
Place two colors side by side and compare their hex values, HSL properties, luminance, and contrast ratio.
Color Harmonies
Generate complementary, analogous, triadic, tetradic, and split-complementary palettes from any seed color.
Gradient Generator
Create linear or radial CSS gradients between any two colors. Adjust stops and copy production-ready CSS.
Palette Builder
Pick colors from the 2016-color archive and export your selection as CSS variables, Tailwind config, or Figma JSON.
Color Mixer
Blend any two colors across 11 smooth steps using RGB, HSL, or perceptually uniform OKLCH interpolation. Export as CSS variables or JSON.
Tints & Shades Generator
Generate a complete 11-step tonal scale (50–950) from any hex color. Export as CSS variables, Tailwind config, Sass, or JSON.
Brand Color System
Turn any hex color into a complete design system: 11-step primary & neutral scales, semantic colors, WCAG validation, and CSS/Tailwind export.
Word → Color
Type any word or phrase and get a deterministic color palette derived from its characters. Consistent across sessions.
Spectrum View
Explore all 2016 archive colors arranged in a full-spectrum grid sorted by hue, lightness, and saturation.
Surprise Me
Click for a random color from the curated archive. Great for breaking creative blocks and finding unexpected inspiration.
2,016 colors, zero noise
Every tool on this page works with the same carefully curated archive of 2,016 designer-ready colors. Browse the full archive or read the guides to level up your color knowledge.
