All Tools
Everything from first spark to production-ready tokens. Each tool works standalone.
Generate
Generator
Generate harmonious palettes from color theory, lock and export.
Palettes
76 curated palettes filtered by style and hue.
Color Wheel
Pick a base on the color wheel and preview complementary, analogous and other harmonies.
Color Trends
Curated seasonal palettes — copy a swatch or send the set to the generator.
Design System
One brand color in, get primary/secondary/accent/semantic plus a neutral scale.
Scales
Color Mixer
Blend any two or more colors by ratio, preview live and export transitions.
Color Scale
Enter a base color and get a full 50–950 shade scale for design systems.
Shades
Split any color evenly by lightness into a light-to-dark ramp; export CSS variables.
Hue Tune
Rotate hue and nudge saturation/lightness, compare with the original and read ΔE.
Neutral Grays
A balanced neutral scale with a warm or cool cast; export CSS variables.
Color Pickers
Convert & Contrast
Converter
Convert HEX / RGB / HSL / CMYK / LAB, single or bulk.
Contrast
WCAG contrast checks with one-click accessible fixes.
Gradient
Build linear, radial and conic CSS gradients visually.
Gradient Text
Type text, pick two colors and an angle; export gradient-text CSS live.
Gradients
Hundreds of curated CSS gradients; one click copies the linear-gradient code.
Color Cards
A full directory of color cards — Chinese traditional colors, CSS names, web-safe, Morandi and Material palettes; search and copy HEX.
Parse Text
Drop in a blob of mixed HEX, RGB and HSL text and extract every color automatically.
Palette Audit
Paste a palette and batch-check WCAG contrast for every pair, avoiding readability traps.
Temperature
Tell warm/cool/neutral, convert Kelvin↔RGB and neutralize any color.
Color Diff
Compare two colors side by side with CIEDE2000 ΔE and a WCAG verdict.
Display & Vision
Learn & Save
Color Knowledge
A plain-language guide to color spaces, gamut, accuracy, white point and color theory.
Favorites
Your saved colors and palettes, stored locally.
Inspiration
Generate random palettes by style and auto-play them; collect or copy the ones you like.
Light & Dark
Enter a brand color and preview its full swatch under both light and dark modes with CSS variables.