Convert HEX to RGB

Turn #ff8800 into rgb(255, 136, 0), HSL and OKLCH.

Reads HEX, rgb(), hsl(), hwb(), oklch(), oklab() and color names
Color
Formats
  1. HEX#ff8800
  2. HEX with alpha#ff8800ff
  3. RGBrgb(255 136 0)
  4. RGB, with commasrgb(255, 136, 0)
  5. HSLhsl(32 100% 50%)
  6. HWBhwb(32 0% 0%)
  7. OKLCHoklch(74.42% 0.1812 56.46)
  8. OKLaboklab(74.42% 0.1001 0.151)
Contrast

Large text, 24px

Normal text, 16px. The quick brown fox jumps over the lazy dog.

2.39:1contrast ratio

  • AA, normal text4.5:1Fail
  • AA, large text3:1Fail
  • AAA, normal text7:1Fail
  • AAA, large text4.5:1Fail

Large text is 24px, or 18.66px bold. A see-through text color is blended with the background first.

Read as HEX
  1. 1Type a color in any format, or pick one.
  2. 2Every format updates.
  3. 3Check the contrast with a second color.
Good to know
Short HEX like #f80 and HEX with alpha work too.
Does my data leave my device?
No. Everything you paste or open is processed in your browser and stays on your device.
Does it work offline?
Yes. Once this page has loaded, it keeps working without an internet connection.

Related tasks

Ready-made settings for common jobs.

JSON validatorFind the error fastMinify JSONSmallest valid JSONYAML to JSONConfigs to JSON

Other tools

More tools for everyday coding.

Timestamp converter

Epoch ↔ date

Number base converter

Binary, hex, decimal

Case converter

camelCase, snake_case

CSV ↔ JSON

CSV, JSON, Excel

JSON to TypeScript

Interfaces from samples

All 34 developer toolsSee everything on one page