SaveForMeNow
EN
Remove background
ImageCompress imageResize imageCrop imageSocial media resizerInstagram without croppingConvert imageHEIC to JPGAVIF to JPGUpscale imageAI photo enhancerDPI checkerPassport photo makerRemove watermarkWatermark imageRotate & flipRemove photo locationSee all image tools →
PDFMerge PDFSplit PDFOrganise PDFCompress PDFEdit PDFSign PDFAdd page numbersWatermark PDFProtect PDFUnlock PDFJPG to PDFPDF to WordWord to PDFPDF to ExcelExcel to PDFPDF to JPGSee all PDF tools →
Video & AudioCompress videoTrim videoConvert videoMerge videosVideo to GIFRotate videoCrop videoChange speedMute videoVideo to textScreen recorderVideo to MP3Trim audioRingtone makerMerge audioVoice recorderSee all video and audio tools →
MoreAdd text to imageMeme makerCollage makerFavicon generatorWord counterCase converterPassword generatorJSON formatterPercentage calculatorUnit converterTime zone converterQR code scannerQR code generatorSee all design tools →
GuidesVideo downloader

Dominant colour extractor

Find the main colour of any image, plus its average colour and a few supporting shades, with HEX, RGB and HSL codes to copy.

Loading tool…

What is an image's dominant colour?

The dominant colour is the colour that covers the largest part of an image. It's different from the average colour, which mixes every pixel together and often looks muddy. Designers use the dominant colour for matching backgrounds, loading placeholders, text overlays and brand accents.

This tool groups similar pixels together to find the dominant colour, then shows the average colour and the next most common shades, with codes you can copy. Everything happens in your browser, so your images are never uploaded.

How it works

  1. Add an image

    Select, drop or paste a photo, logo or screenshot.

  2. See the colours

    The dominant colour, average colour and supporting shades appear with their share of the image.

  3. Copy the code

    Click to copy HEX, RGB or HSL.

Questions

What's the difference between dominant and average colour?

Dominant is the most common colour group in the image. Average blends every pixel, so a photo of a red flower on green leaves might average to brown even though neither colour is brown.

Can I get a full colour palette?

Yes. Our image to palette tool extracts up to 12 colours and exports them for CSS, Tailwind and design apps.

Are transparent areas counted?

No. Fully transparent pixels are ignored, so logos on transparent backgrounds give their real colour.