FREE COLOR TOOLS
Generate palettes, explore colour schemes, check contrast ratios, and build with colour. All free. No account needed.
ALL TOOLS
Generate beautiful palettes with the spacebar. Lock colours you love, tweak hue and saturation, export to CSS or Tailwind.
LAUNCH →Browse curated palettes filtered by mood, style, and topic. Send any palette straight to the generator.
LAUNCH →Pick harmonious colours using colour theory. Explore complementary, analogous, triadic, and split-complementary harmonies.
LAUNCH →Generate a complete tint and shade scale from any hex colour. Copy as CSS variables or Tailwind config values.
LAUNCH →Check WCAG AA and AAA contrast ratios for any text and background colour combination. Instant accessibility audit.
LAUNCH →Build beautiful CSS gradients with multiple colour stops. Choose angle, type, and copy the ready-to-use CSS output.
LAUNCH →Browse curated named gradients. Click any to copy the CSS gradient string directly to your clipboard.
LAUNCH →Upload any photo and instantly extract a color palette. Click any swatch to copy the hex code.
LAUNCH →Pick any color and get its HEX, RGB, HSL, HSV and CMYK codes, plus tints, shades and harmonies.
LAUNCH →Click any pixel in a photo to get its exact hex code. Your image never leaves the browser.
LAUNCH →Convert HEX to RGB and RGB to HEX in one box, with HSL alongside.
LAUNCH →Blend two or three colors and get every step in between as hex codes.
LAUNCH →See an image or a set of colors the way people with common types of color blindness see them.
LAUNCH →132 named colors with hex codes, from sage green to navy blue, each with its own page.
BROWSE →What each color family and shade stands for, and how to use it in a brand or design.
BROWSE →Yes. All thirteen tools run in your browser and work without an account, and the color names, meanings and palettes are free to browse and copy.
To build a palette from scratch, use the color palette generator. To match the colors in a photo, use the palette from image tool. To check that text is readable, use the contrast checker.
Yes. Copy hex codes, CSS variables, or gradient CSS into your own work. The palette generator also exports a Tailwind config and PNG or SVG images.