All tools
20 free utilities for developers and designers. Color math, accessibility, design-system exports, and AI-assisted generators — all in one place.
Contrast Checker
Check WCAG AA and AAA contrast ratios instantly.
Color Converter
Convert HEX, RGB, HSL, OKLCH, HSV, and CMYK in real time.
Advanced Color Picker
Full-featured color picker with HSV canvas and live formats.
Tints & Shades Generator
Generate a full tint and shade scale from any color, Tailwind style.
CSS Gradient Generator
Build linear, radial, and conic gradients with live CSS.
Palette Generator
Build a cohesive palette from a base color using harmonies and tonal variations.
Color Harmony Explorer
Explore complementary, analogous, triadic, and other harmonies.
Image Color Extractor
Extract the dominant color palette from any image.
Color Mixer
Mix two or more colors with weighted ratios in real time.
Color Blindness Simulator
Preview your palette for protanopia, deuteranopia, tritanopia.
Accessible Palette Fixer
Paste a palette and get an auto-fixed version that meets WCAG contrast requirements.
Tailwind Config Generator
Convert your palette to a Tailwind CSS config in one click.
CSS Variables Generator
Turn your palette into CSS custom properties with one click.
Figma Tokens Export
Export your palette as Tokens Studio JSON for Figma.
SCSS Variables Generator
Generate SCSS variables and maps from your palette.
Color System Generator
AI-powered: describe your product, get a complete design system.
Context-Aware Palette
AI-powered: generate a semantic palette from a product description.
Intelligent Color Naming
AI-powered: get semantic names for your colors in any convention.
Palette Reviewer
AI-powered: get an expert diagnosis and improvement plan for your palette.
Dark Mode Generator
AI-powered: turn your light palette into a balanced dark-mode counterpart.