PhotoTones
Brand Kit

Generate Color Palettes
from Images

Free and private. Extract hex, RGB, and HSL codes in your browser.

How it works

How to Create a Color Palette from an Image

Upload a photo, a logo, a landscape, a product shot, or a piece of artwork, and PhotoTones extracts up to 12 dominant colors with hex, RGB, and HSL codes.

Everything runs locally in your browser, so your images never leave your device.

Key features

100% Private. Nothing Leaves Your Device

PhotoTones processes images entirely in your browser using JavaScript and the HTML5 Canvas API. No files are uploaded, stored, or transmitted to any server.

Works with Every Image Format

Upload JPG, PNG, GIF, WebP, BMP, or SVG files. PhotoTones analyzes pixel data and identifies up to six color categories: Vibrant, Dark Vibrant, Light Vibrant, Muted, Dark Muted, and Light Muted.

Hex, RGB, and HSL Color Codes

Each extracted color comes with its hex code on the swatch. Click a swatch to copy, or use Copy All HEX / RGB / HSL for bulk copying into CSS, Figma, or Adobe tools.

Built for Designers and Developers

Create cohesive color schemes for websites, apps, and branding. With PhotoTones Pro, export a brand kit, design tokens, Figma JSON, and theme CSS in one click.

PhotoTones Pro

Client-ready brand kits from any image

For freelancers, agencies, and design systems. $7/month ships a brand kit ZIP, design tokens, and Figma JSON from any photo, so you stop sending hex lists.

  • Brand kit ZIP
  • Design tokens
  • Figma Variables
Get the Brand Kit for $7/month

Cancel anytime.

From real photos

Color Palette from Image: Examples

Browse 60 themed color palettes or extract colors from your own image above.

Learn

Guides & Resources

Start with the main guides, then open the color palette from image generator to extract hex, RGB, and HSL from your photo.