Image tools

Get the Color Palette from Any Image

This is a free color picker for a photo, a logo, or a screenshot. Drop the image on the page and it returns the dominant colors as hex codes, plus WCAG contrast ratios so you can see which combinations are readable as text on a background. The extraction runs in your browser. The file is not uploaded to OG Pilot to produce the swatches on this page. That matters when the image is a client logo you are not ready to store on a server.

The practical use is a social card that matches the site. A preview that invents a new orange, or that puts white type on a pale brand color, looks unfinished in a feed even when the photo is sharp. Pull the hex values here, then use them when you generate an OG image or when you set colors in a template. If the file is also too heavy for WhatsApp or another unfurl, compress the image after you have the palette. Compression and extraction answer different questions: one changes the bytes, the other names the colors.

Browser tool and MCP tool

The form on this page accepts a local file: PNG, JPG, WebP, or AVIF. It is the right path when the artwork is on your machine and you want the swatches immediately, including offline. MCP's extract_color_palette is the path for an agent. That tool takes a public image URL, not a base64 payload, and returns hex colors, contrast against black and white, and a text and background pair with its WCAG ratio. Debug, compress, and palette calls work on a guest connector session. They do not require an OG Pilot password. generate_og_image is the tool that needs a signed-in account with an active plan.

Use the palette before you lock a template, not after the card is already cached. A social app will keep showing the first image it fetched. If you recolor the brand and leave the old og:image in place, the feed will not pick up the new swatches. Check the live URL after you publish so you can see the image bytes, not just the hex values you intended.

Where the colors go next

• API docs describe the templates that take a title, a description, and brand inputs for a hosted image URL.
• The gallery shows how those templates look across real brands.
• WordPress and Carrd are the two places people usually paste the finished image.
• Create an account when an agent or your own server should generate the card, not only read its colors.

Contrast is part of the preview, not a separate design exercise. A headline that fails WCAG against the brand background will also fail in a small chat card, where there is no room to squint. Take the pair the tool recommends, put the type on that background, and only then export or generate the 1200 by 630 image you want platforms to cache.