Skip to content
LayerShotGet early access

HEX to RGB converter

Paste a HEX code and get RGB and HSL back, with a swatch so you can check it is the colour you meant.

HEX
#FF6B4A
RGB
rgb(255, 107, 74)
HSL
hsl(11, 100%, 65%)

How to use it

  1. Type or paste a HEX code.
  2. Copy the RGB or HSL value.

Questions

What does the shorthand form mean?

A three-digit HEX code expands by doubling each digit — `#f0c` is exactly `#ff00cc`. This tool accepts both, with or without the leading hash.

What about eight-digit HEX codes?

The last two digits are alpha — opacity from 00 to FF. They are supported here and surface as the fourth value in the RGBA output.

Related tools

This is one keystroke inside LayerShot

The desktop app captures the screen, applies your styling and puts the result on your clipboard without a browser tab, an upload, or a download folder full of files called Screenshot (3).png. One payment, one Mac and one Windows PC, lifetime updates.