All tools Image tools

Color Palette

Pull the main colors out of any image and copy them as HEX, RGB or Color3.

Drop an image to get its colors or paste with Ctrl V. A screenshot, a logo, a thumbnail or a photo. Choose an image

Nothing gets uploaded. The colors are found right here in your browser.

How it works

  1. Add an image

    Drop, paste or pick a screenshot, logo, thumbnail or photo.

  2. See its main colors

    The tool groups similar pixels and shows the colors that matter most, with how much of the image each one covers.

  3. Pick exact colors

    Click anywhere on the image to grab that exact color. On a computer, a magnifier shows the pixels under your cursor.

  4. Copy or export

    Click a color to copy it as HEX, RGB, HSL or a Roblox Color3, or save the whole palette as a Luau table, CSS, JSON or a PNG strip.

Questions

How do I use these colors in Roblox Studio?
Pick "Color3.fromRGB" under Copy as, click a color and paste it into a script. Or export the Luau table and require it as a ModuleScript for your whole UI theme.
How are the main colors chosen?
Similar colors are grouped by how alike they look to people (in the Lab color space), so the result matches what you see. The same image always gives the same palette.
Why do I get fewer colors than I asked for?
When an image only has a few real colors (like a logo), I merge shades that look the same instead of showing near copies.
Is my image uploaded?
No. Everything happens in your browser, on your device.