Developer

Encoders, converters & dev utilities

12 tools
Developer · Color Converter (HEX ↔ RGB ↔ HSL)

HEX to RGB Color Converter

Convert a HEX color like #FF8800 into its RGB channels for CSS. A HEX color is just three bytes written in base-16 — two hex digits per channel — so converting to RGB means reading each pair as a number 0–255: #RR, #GG, #BB. Worked example: #FF8800 splits into FF, 88, 00, which are 255, 136 and 0, giving rgb(255, 136, 0). The three-digit shorthand #F80 expands each nibble (F→FF, 8→88, 0→00) to the same #FF8800. A fourth pair adds alpha: #FF880080 → rgba(255, 136, 0, 0.5). Everything runs 100% in your browser with a live swatch — nothing is uploaded. Free, no login.

Quick answer

HEX → RGB = read each 2-digit pair as base-16: R = parseInt(RR,16), G = parseInt(GG,16), B = parseInt(BB,16) (0–255)

  • Byte-exact worked example: #FF8800 → FF=255, 88=136, 00=0 → rgb(255, 136, 0)
  • Shorthand: #F80 expands each nibble (F→FF, 8→88, 0→00) → #FF8800 → rgb(255, 136, 0)
  • Alpha: a 4th pair is the alpha byte — #FF880080 → rgba(255, 136, 0, 0.5) (0x80/255 ≈ 0.5)
  • 100% client-side with a live swatch — the color math (W3C CSS Color 4) never leaves your browser
Open the full Color Converter (HEX ↔ RGB ↔ HSL)

Frequently asked questions

How do I convert a HEX color to RGB?

Split the six hex digits into three pairs — red, green, blue — and read each pair as a base-16 number from 0 to 255. For #FF8800 that is FF = 255, 88 = 136, 00 = 0, so the color is rgb(255, 136, 0). The three-digit form #F80 is shorthand: each digit is doubled (F→FF, 8→88, 0→00) before converting, giving the same result. Paste any HEX and the RGB, HSL, and a live swatch update instantly in your browser.

What does the extra pair in #FF880080 mean?

It is the alpha (opacity) channel. An 8-digit HEX color is #RRGGBBAA, where the last pair is alpha as a byte 00–FF. 0x80 is 128, and 128/255 ≈ 0.5, so #FF880080 is rgba(255, 136, 0, 0.5) — the orange at 50% opacity. A value of FF (255) is fully opaque and 00 is fully transparent. This is the CSS Color 4 hex-with-alpha notation.

Is #F80 the same color as #FF8800?

Yes. #F80 is the three-digit shorthand where each single hex digit is duplicated to form the full pair: F becomes FF, 8 becomes 88, 0 becomes 00 — expanding to #FF8800. Both therefore convert to rgb(255, 136, 0). The shorthand only works when each channel happens to be a repeated digit; colors like #FA8C00 have no three-digit form.

Related Color Converter (HEX ↔ RGB ↔ HSL) pages