Colour

Convert a hex colour to RGB

Paste a hex colour to get its RGB values. The 4 and 8-digit forms carrying alpha are handled too, which most converters quietly drop.

#ff8800

HEX

255, 136, 0

RGB

32, 100%, 50%

HSL

RGB

Preview

White text on thisBlack text on this

Contrast

  • Against white2.39:1Fails
  • Against black8.77:1AAA

WCAG asks for 4.5:1 for body text and 3:1 for large text. The ratio is computed from relative luminance, which is not the same as how bright a colour looks.

  • Runs in your browser
  • No account required
  • Free to use

How it works

01

Four lengths are valid, not two

#RGB and #RRGGBB are the familiar ones. #RGBA and #RRGGBBAA add alpha, and a converter that only knows the first two silently turns a semi-transparent colour opaque — which is a real bug in a design system, not a rounding difference.

02

The short form doubles each digit

#f80 is #ff8800, not #f08000. Each digit is repeated rather than padded, which is why #fff is white and not a very dark grey.

What it does

All four hex lengths

3, 4, 6 and 8 digits, with or without the leading hash.

Alpha preserved

Reported as a 0-to-1 value and included in the rgba() output when it is less than fully opaque.

Contrast alongside

Since the colour is parsed anyway, the readability against white and black is shown too.

Runs in your browser

No account and no upload — what you type is never sent anywhere. Analytics records that the tool was opened, never what you put into it.

Practical advice

Getting a better result

  • CSS accepts hex with alpha directly, so #ff880080 works in a stylesheet without converting to rgba() at all.
  • If a colour looks wrong after conversion, check whether the original had 4 or 8 digits — the last pair is transparency, not blue.

Questions

Things people ask

What does the 8-digit hex form mean?

The last two digits are alpha, from 00 fully transparent to ff fully opaque. #ff000080 is red at about 50% opacity.

Is #fff the same as #ffffff?

Yes. The short form doubles each digit, so #fff expands to #ffffff.

Who builds these

Free tools by day. Websites that earn their keep by trade.

KuConvert is built by KUDUY, a web design and development agency. From custom WordPress builds to SEO and e-commerce, everything they do is engineered to bring you more qualified traffic and turn it into revenue.

  • Fixed scope, no surprise invoices

    Most sites ship in four to eight weeks with the scope and the price agreed up front.

  • SEO from day one

    Search is designed into the build — structure, schema and Core Web Vitals — not retrofitted.

  • A team, not a ticket queue

    A project manager, a designer and a developer you can actually reach.

Need your whole site to load this fast?

Images are usually the heaviest thing on a page and the easiest win. KUDUY works on site speed, image delivery and Core Web Vitals for teams who would rather not do it by hand.

This tool runs entirely in your browser. Your files are never uploaded.