Skip to content

Formats · handoff

Color converter

Paste one HEX (with or without the hash) and read every other boring format at once. Built for the moment someone drops rgb(124, 58, 237) in a ticket and your token file wants oklch(...) — not glamorous, but it happens weekly.

Includes: HEX → RGB and RGB → HEX.

HEX → RGB Color Converter

RGB → HEX Color Converter

Tip: paste rgb(124, 58, 237) and we’ll normalize it too.

HEX
RGB
HSL
HSV
CMYK
OKLCH

Why this converter exists

Tickets arrive in HEX, Slack messages in rgb(), legacy dashboards in HSV, and your new theme file in OKLCH. This page is the single normalization point: paste one anchor, copy the row you need, move on — without opening four browser tabs.

How to use it

  1. Enter HEX with or without #; invalid tokens show an inline error instead of silent garbage.
  2. Scan the synchronized rows — each has its own copy chip for fast handoff.
  3. When marketing sends CMYK from a deck, treat the screen conversion as approximate; confirm with print.
  4. For interactive tuning, switch to the color picker — sliders stay linked there.

Use the picker instead when…

You are still exploring hue and lightness. This converter is for known anchors, not discovery.

Copy tips

  • Tab out or press Enter after editing HEX so every row refreshes.
  • OKLCH is rounded for readability — if you need extra precision, pipe through your design-system tooling.
  • CMYK here is a screen model, not a press contract.

Related tools

Pick, ramp, and check contrast after you normalize.

Color picker Explore channels with sliders while formats stay synchronized. CSS variables Turn a normalized HEX into a 50–950 ramp for :root. HTML named colors Decode legacy cornflowerblue keywords to HEX.

FAQ

Does this tool convert RGB → HEX too?

Yes. Use the RGB → HEX panel and enter R/G/B values (0–255), or paste a string like rgb(124, 58, 237). The HEX output row will update immediately.

What RGB input formats do you accept?

Any of these work:

  • rgb(124, 58, 237)
  • 124, 58, 237
  • 124 58 237
Can I paste HSL or OKLCH instead of HEX?

This page is optimized for HEX or RGB in → all formats out. For pasted HSL or OKLCH strings, use the picker or your design tool to normalize to HEX first.

Why do CMYK values differ from print?

Screen RGB to CMYK is a model, not a measurement. Paper, ink, and profiles change dot gain and black generation. Always follow your print vendor’s ICC workflow for anything that ships on cardboard.

Can I paste without #?

Yes — both 7C3AED and #7C3AED normalize the same way.

Why did my RGB → HEX conversion look “wrong”?

Make sure you are using 0–255 channel values (not 0–1). This tool rounds values to the nearest integer and clamps anything outside 0–255 back into range.

HSV vs HSL — which is “right”?

Neither is morally superior; they are different cylinders around RGB. Games and old Photoshop habits skew HSV; CSS hsl() skews HSL. We show both so you can match whichever tool generated the value.

Does OKLCH cover wide gamut P3?

The OKLCH numbers assume the sRGB mapping path used elsewhere on ChromaXP. P3 displays can still show richer chroma than sRGB can encode — know your target gamut before you promise a neon on billboards.