Skip the island and read the website

HEX to RGB Converter (and RGB to HEX)

← Palette AtollThe Creative Island · Island 09

HEX in, RGB out — or the reverse. HSL comes along for free.

How to use this tool

  1. Enter R, G, B values (0–255 each) — the HEX updates as you type.
  2. Or paste a HEX code into the bottom field — the RGB fills itself.
  3. The swatch shows your color; HSL is included in the result.

Example

The atoll coral #ee6352 → rgb(238, 99, 82). Reverse: rgb(29, 125, 120) → #1d7d78, the island teal.

The formula

HEX pair = channel ÷ 16 (first digit), channel mod 16 (second); channel = first digit × 16 + second

What the result means

HEX is just RGB written in base-16: each two-character pair is one channel's 0–255 value. #FF = 255 (full), #00 = 0 (off). Once you see that, conversions stop being magic — and shorthand codes like #abc mean #aabbcc.

Frequently asked questions

Why do some HEX codes have only 3 characters?

It's the shorthand for doubled digits: #1a7 expands to #11aa77. Always safe to expand, only valid when both digits match.

What is the valid range for RGB?

Each channel is 0–255 (8 bits per channel, 16.7 million combinations). This tool rejects out-of-range values instead of guessing.

Does it convert CMYK or Pantone?

No — print color spaces involve device profiles and physical ink; honest CMYK conversion happens in design software with a profile, not in a quick web tool.

Is my input stored?

No — conversion happens entirely in your browser.

More tools from Palette Atoll

Explore the island world

Comments