Skip to content
Marvin's Toolbox.

Search tools

Type to filter all tools

Color Palette Extractor

Pull the dominant colors out of any image as a ready-to-copy palette. Choose how many colors you want, copy each one as HEX, RGB or HSL, and export the whole palette at once.

Everything runs locally in your browser. Your data never leaves your device.

Drop an image here

or click to browse (PNG, JPEG, WebP, GIF, AVIF and more)

Everything stays in your browser. Images are never uploaded.

Next steps

Send this tool's output straight into another tool.

Color Converter

Convert a color between HEX, RGB, HSL, HSV, HWB, CMYK, OKLCH and OKLAB. Type into any field and the others update as you go, or pick the color visually. Reads CSS color syntax and keeps alpha where the format supports it.

convertercolordev

Text Case Converter

Convert text into every case at once: title case in the APA, AP, Chicago, MLA, Bluebook, AMA and NYT styles, sentence case, upper, lower, camelCase, snake_case, kebab-case and more.

textconverter

Word & Character Counter

Count words, characters, sentences, paragraphs, lines and more as you type, with estimated reading and speaking time.

text

Dedupe Lines

Remove duplicate lines from a list or text, keeping the first occurrence. Optionally ignore case and whitespace, or drop blank lines too.

textdev

Find and Replace

Replace text in two modes: plain find and replace all, or regular expressions with flag controls and capture group references like $1.

textdev

Text Diff

Compare two texts and see every added, removed and changed line highlighted, side by side or inline, with the changed words marked within each line. Ignore case, whitespace or blank lines, read a summary of how much changed, and export the result as a unified diff.

textdev

UUID Decoder

Paste a UUID to see what it carries: version, variant, and for time-based versions the exact timestamp, clock sequence and node. Also shows the raw bytes, the 128-bit integer and the URN form.

devuuid

Base64 Encoder & Decoder

Decode Base64 to text or encode text to Base64. Paste into the top box, read the result below, and flip the direction with one click. Handles Unicode correctly, reads URL-safe Base64, and shows binary payloads as a hex dump you can download.

devconvertertext

Number Base Converter

Convert numbers between binary, octal, decimal, hexadecimal and any base up to 36. Type into any field and the others update as you go. Handles huge integers without losing precision and accepts 0x, 0b and 0o prefixes.

devconvertercalculator

About the Color Palette Extractor Tool

This tool reads the dominant colors out of an image and turns them into a palette you can copy. Drop a photo, screenshot or logo, choose how many colors you want with the slider, and each swatch shows the color as HEX, RGB and HSL along with how much of the image it covers.

The whole palette exports in one go: copy it as a hex list or a CSS custom-property block, or download it as a text or JSON file. A toggle can skip near-white and near-black pixels, which helps when a large background would otherwise crowd out the subject's colors.

What you can do

  • Extract a color palette from a photo, screenshot or logo.
  • Get the dominant colors of an image as HEX, RGB or HSL values.
  • Choose between 2 and 16 colors and see how much of the image each covers.
  • Copy the palette as a hex list or a CSS custom-property block.
  • Download the palette as a text or JSON file.
  • Skip near-white and near-black pixels to focus on the subject's colors.

How to use the Color Palette Extractor

  1. 1Drop an image or click the upload area to pick one.
  2. 2Set the number of colors with the slider, and turn on the extremes filter if a plain background dominates the result.
  3. 3Copy single values from a swatch, or export the whole palette as text, JSON or CSS variables.

How the colors are picked

The tool samples the image down to at most 100,000 pixels and groups them with a median cut quantizer, the same idea GIF encoders use to reduce colors. It splits the image's colors into as many groups as you asked for, always cutting the widest-spread group, and averages each group into one swatch. Fully transparent pixels are ignored, so a logo on a transparent canvas only reports the logo's own colors.

The share next to each swatch tells you how much of the image that group covers, which separates a true background color from an accent. The extraction is deterministic, so the same image and settings always produce the same palette.

Using the palette

One click copies a swatch in the notation you need, ready to paste into CSS, a design tool or code. To translate a color into other notations like OKLCH or CMYK, send it to the Color Converter. The CSS export names the colors --palette-1 through --palette-n, ordered from most to least common.

Related tools

Color Blindness Simulator

See any image the way people with a color vision deficiency see it. Upload a picture and preview protanopia, deuteranopia, tritanopia, the milder anomalous forms and monochromacy next to the original, then download any simulation as a full resolution PNG.

mediaimagecolor

Barcode Generator

Create barcodes in dozens of formats, from EAN-13, UPC-A and Code 128 to QR Code, Data Matrix and PDF417. Type the content, tune the size, colors and text options, and download the result as PNG or SVG.

mediaimagedev

EXIF Editor

See and edit the EXIF metadata inside a photo, then download it with your changes or save a copy with all metadata removed, GPS included. It reads JPEG, PNG, HEIC and more, and edits JPEG files.

mediaimageexif

EXIF Transfer

Copy the EXIF metadata from one photo onto another without changing the destination's pixels. That covers camera model, lens, focal length, exposure, GPS and more. Choose to replace all metadata or only fill in what the source provides.

mediaimageexif

Favicon Generator

Turn any image into a complete favicon set: a multi-size favicon.ico, PNG icons in every common size, Apple touch and Android icons, a web manifest and the HTML tags to paste into your page. Download everything as a zip.

devimagemedia

Frames to Video

Turn a series of images into a video. Drop in your frames, reorder them, set the frame rate and resolution, and encode the result as MP4 or WebM, ready to play anywhere.

mediavideoimageconverter