Skip to content

HEX Color From Image

Find the hex code in a picture.

Click any swatch and the hex is on your clipboard.

Your image never leaves your browser — the palette is worked out on your own device.

  • Upload
  • Drag
  • Paste
  • URL

What a hex code actually says

A hex code is three numbers in disguise. #E48267 is red E4, green 82, blue 67 — each a value from 00 to FF, which is 0 to 255 in ordinary counting. So that colour is 228 red, 130 green, 103 blue: a lot of red, some green, slightly less blue, which lands on a soft terracotta.

Three-digit hex codes are the same thing abbreviated: #F00 means #FF0000, each digit doubled. Palettae accepts either when you paste one in, and always gives six back, because six is unambiguous.

Getting the hex out of an image

  • Add your image — upload, drag or paste it.
  • The palette appears with the hex printed on every swatch.
  • Click a swatch. That hex is now on your clipboard.
  • Need a specific spot instead? Turn on the picker and point at it.

Copying more than one

Copy palette takes the lot at once, as plain hex codes, as rgb() values, or as CSS custom properties ready to paste into a stylesheet:

--color-1: #E48267;
--color-2: #F1D9BD;
--color-3: #24303B;

Why the hex is exact

Palettae keeps the true colour sums while it clusters, rather than rebuilding each colour from the middle of the bucket it landed in. The shortcut is a few times faster and it is off by up to four per channel — enough to turn a flat #E48267 into #E48464. For a tool whose entire job is handing you a number to paste, that is not a rounding error worth taking.