Skip to content
Get packs

HEX, RGB & HSL Color Converter

Image & design · Done in 3 steps

Stays on your deviceFree · No sign-up
  1. 1Enter a colour
  2. 2
  3. 3
Loading tool…

About

Convert colours between HEX, RGB, HSL, HSV, CMYK and OKLCH instantly. Paste any format, fine-tune with sliders, copy the result.

How to use it

  1. 1Type or paste a colour in any format (or use the picker).
  2. 2Every other format updates instantly.
  3. 3Fine-tune with the RGB or HSL sliders.
  4. 4Copy the value you need.
You give
HEX (#rgb, #rrggbb, #rrggbbaa), rgb()/rgba(), hsl()/hsla(), cmyk(), oklch() or “r, g, b”
You get
HEX, RGB, HSL, HSV, CMYK, OKLCH and a CSS variable
Good to know
CMYK uses the standard naive formula, not an ICC print profile, so treat it as a starting point for print. OKLCH colours outside the sRGB gamut are clipped.
Privacy
Processed on your device. Nothing is uploaded, stored or logged.
Last tested
2026-10-28

FAQ

How do I convert HEX to RGB?

Each pair of hex digits is one channel in base 16: #1E90FF → 1E=30, 90=144, FF=255, so rgb(30, 144, 255). Paste it above to convert instantly.

What is OKLCH and why use it?

OKLCH is a perceptual colour space supported in modern CSS. Equal steps in lightness look equal to the eye, which makes it great for building palettes and themes.

Does it support transparency?

Yes. 8-digit HEX and rgba()/hsla() alpha values are preserved in the RGB, HSL and HEX outputs.

Go further with AI

Template · 20 minFree

Thumbnail prompt templates

Concept and generate high-contrast video thumbnails that read at small sizes, with templates for reaction, before/after and object-focus layouts.

Midjourney · Flux · Ideogram

Guide · 25 minFree

Reference image workflow

Use style, subject and composition references deliberately so the model copies what you want from an image and ignores the rest.

Midjourney · Flux · Ideogram

Guide · 20 minFree

Lighting and composition guide

The photographic vocabulary that image models respond to, plus a prompt that turns a mood into a concrete lighting and composition spec.

Midjourney · Flux · Ideogram

Template · 15 minFree

Image editing prompt recipes

Reliable instruction patterns for AI image editing: remove, replace, recolour, relight and extend without wrecking the rest of the image.

ChatGPT · Gemini · Flux