RaccoonKit
Sign inSign up free

Color Studio

FreeCreative & Media

Build colour palettes with locks and harmonies, or pull the main colours out of a photo. Check text contrast against WCAG and get the closest passing colours, design gradients, convert between every CSS colour format and see how a palette looks with colour blindness.

Features

  • Palette generator in OKLCH with locks, harmonies, undo and 50-950 shades
  • Main colours of an image by k-means, plus a pixel and screen picker
  • WCAG contrast checks, a pair matrix and same-hue fixes
  • Gradient builder and HEX, RGB, HSL, HWB, OKLCH, Lab and CMYK
  • Colour-blindness simulation, exports for CSS, Tailwind, SCSS and JSON

Runs in your browser: your files are processed on your device and never uploaded.

Open Color StudioMore media tools

Free with a RaccoonKit account. Sign in with Google, no card.

Color Studio with a five-colour coastal palette from deep teal to burnt orange, the Lagoon colour selected with its 50 to 950 shades and formats, a CSS variables export and three saved palettesColor Studio with a five-colour coastal palette from deep teal to burnt orange, the Lagoon colour selected with its 50 to 950 shades and formats, a CSS variables export and three saved palettes

Related tools

See all 114 tools →