How to Convert HEX to RGB (and Back) Online

HEX and RGB describe the same sRGB color with different notation. #FF8800 breaks into RR=FF, GG=88, BB=00, which becomes rgb(255, 136, 0). Developers jump between formats depending on CSS, design tools, or APIs.

Manually: split the six hex digits into three pairs, convert each pair from base-16 to decimal. FF → 255, 00 → 0, 80 → 128. Short three-digit HEX like #F80 expands to #FF8800 before conversion.

Going the other way, clamp each channel 0–255, convert to two hex digits, and concatenate with a leading #. Lowercase or uppercase both work in CSS; pick one convention for your codebase.

Online converters remove mistakes—especially with alpha (HEX8 / RGBA). ColorPicker’s converter and dedicated HEX↔RGB pages accept common paste formats and return copy-ready strings for stylesheets.

HSL is often better for theming: keep hue fixed while adjusting saturation and lightness for hover states and dark mode. Convert HEX → HSL, tweak L, convert back to HEX for tokens.

CMYK values on screen tools are approximations for reference, not press-ready separations. Call that out in specs when stakeholders expect print accuracy.

Automate in design systems: store canonical HEX or OKLCH, derive RGB for canvas APIs, and expose CSS variables for each. Converters are for exploration and debugging, not for one-off hardcoded duplicates across files.

Whether you convert manually once to learn, or use the free converter daily, the goal is the same: one color, multiple formats, zero drift.

Try related tools

Image color picker · Palette generator · Contrast checker · Color converter