Skip to main content
dubinity

Design & Accessibility

Colour Palette Extractor

Pull the dominant colours out of any picture and copy them as HEX, RGB, HSL, CSS variables or JSON.

  • Runs in your browser
  • Works on mobile
  • In: JPG, PNG, WEBP, GIF, BMP, AVIF
  • Out: HEX, CSS, JSON, PNG
Loading the tool…

Your files and text are processed on your own device, inside this page. Nothing is uploaded to Dubinity or stored, and closing the tab discards it. How privacy works

About Colour Palette Extractor

Choose between k-means clustering in CIE Lab, which groups colours by how different they look to the eye, and median cut, which is quicker and keeps small accent colours. Both are deterministic: the same picture always gives the same palette. Each swatch shows its share of the picture and copies with one click, and the palette exports as CSS custom properties, JSON or a PNG strip. The picture is read in your browser and never uploaded.

Questions

Was this tool helpful?

Related tools

All design tools

  • EXIF Viewer

    See everything a photo carries besides the picture: camera, lens, exposure, dates - and the GPS position.

    JPG · PNG · WEBP
    Runs in your browserOpen tool

  • Image Colour Picker

    Pick any colour out of a picture - with a magnifier - and copy it as HEX, RGB, HSL, HSV or CMYK.

    JPG · PNG · WEBP
    Runs in your browserOpen tool

  • Crop Image

    Crop a photo with a draggable box, fixed aspect ratios and exact pixel values - in your browser.

    JPG · PNG · WEBP
    Runs in your browserOpen tool

  • Color Converter

    Convert a colour between HEX, RGB, HSL, HSV, HWB, CMYK and OKLCH, with contrast against black and white.

    TEXT
    Runs in your browserOpen tool

  • Lorem Ipsum Generator

    Generate placeholder paragraphs, sentences or words, in classic Latin or in Arabic filler text.

    NONE
    Runs in your browserOpen tool

  • Color Palette Generator

    Generate colour palettes from a base colour and a harmony, or at random with locks, then export CSS, tokens, Tailwind or a PNG.

    HEX · RGB · HSL
    Runs in your browserOpen tool