Palettes, image color extraction, contrast checking, and color-blindness simulation.
6 harmony modes, lock & regenerate, multi-format export.
A full 50→950 scale from one color, with CSS/Tailwind/SCSS export.
Pull dominant & accent colors out of any photo.
WCAG AA/AAA ratios — one pair, or a full palette matrix.
See any image through 4 types of color vision deficiency.
Blend two colors with an adjustable weight slider.
Find the closest standard CSS color name for any hex.
Browse Tailwind-style color scales with a live UI preview.
Gradient-filled text or a neon glow effect, ready-to-copy CSS.
Choosing colors that work well together — and that everyone can actually see clearly — is part art, part math. These tools handle the math: generating color harmonies from a single base color, pulling the real dominant colors out of a photo, checking contrast against the same accessibility standard designers are held to, and simulating how a design actually looks for someone with color blindness.
Yes — the contrast checker uses the official WCAG 2.x relative luminance formula and the same AA/AAA thresholds used in real accessibility audits, not an approximation.
It uses the simplified RGB-transformation approach common to most web-based simulators, which gives a good practical sense of the effect. It's an approximation, not a clinically precise simulation of any individual's actual vision.
No — every tool here that uses an image processes it locally in your browser via the Canvas API. Nothing is uploaded.
Yes, completely free, with no sign-up and no usage limits.
