Color Converter: HEX, RGB, HSL and OKLCH

Convert colors between HEX, RGB, HSL and OKLCH with alpha.

WebRuns in your browser

About this tool

Convert a color between HEX, RGB, HSL and OKLCH. Paste any of those formats, including shorthand hex such as #f80 and values with an alpha channel, and get every other form back.

OKLCH is a perceptual color space supported by modern CSS, where equal steps in lightness look equal to the eye, which makes it easier to build consistent palettes.

How to use it

Paste a color in HEX, RGB, HSL or OKLCH.
Convert it.
Copy the format you need.

Example

Input:

#f80

Every format:

#ff8800
rgb(255 136 0)
hsl(32 100% 50%)
oklch(74.42% 0.1812 56.46)