All tools

Color

Pick, convert and check colours with perceptual maths: palettes extracted in Oklab, OKLCH gradients without muddy middles, and contrast measured with WCAG 2 and APCA.

7 tools

Color Picker & Converter Pick a colour from your screen or an image and get it as HEX, RGB, HSL, OKLCH, Lab, Display P3 and more. Palette from Image Find the main colours of a photo, measured the way eyes see them, and export them as CSS, JSON, ASE or GPL. Contrast Checker Check text and background colours against WCAG 2.2 and APCA, with see-through colours and fixes that pass. Color Blindness Simulator See how an image or palette looks with common colour vision deficiencies, and which colours become hard to tell apart. Gradient Maker Blend colours in OKLCH for gradients without grey, muddy middles, and export them as CSS, SVG or PNG. Palette Designer Build a palette by hand or from colour harmonies, lock the colours you like and grow each into a shade scale. Color Token Exporter Turn a palette into named design tokens: CSS variables with dark mode, DTCG JSON, Tailwind, ASE and GPL.
esc
  • Opens in its own window, like any app
  • Works without an internet connection
  • Starts instantly from your home screen or dock

Look for the install icon at the right end of your browser’s address bar, or open the browser menu and choose Install Interformat.