Color Code Converter

Paste any colour code and get every other format, with a P3 gamut check.

Private by design

Your inputs stay on your device and are not sent to our servers. Optional usage analytics does not receive your files or tool inputs.

Color Code Converter

HEX, RGB, HSL, OKLCH, CMYK and names, with P3 checks

Colours (one per line)

Converted

The result appears here.

Options

Every screen colour can be written many ways. HEX and RGB suit most websites, HSL is easy to tweak by hand, and OKLCH matches how we see lightness and colour. Paste any of them to get all the others.

Add transparency with an 8-digit hex (#3b82f680) or a slash alpha: rgb(59 130 246 / 50%).
Use OKLCH or color(display-p3 …) in CSS for brighter colours on modern screens, with a HEX fallback.
CMYK here is a quick screen formula; ask your printer for a profile-based conversion.
Closest name uses the 148 CSS colour names.

Colours are read into linear-light sRGB. OKLab and OKLCH use Björn Ottosson's matrices; Display P3 uses the D65 primaries (CSS Color Level 4). Out-of-gamut colours are brought in by lowering OKLCH chroma while keeping lightness and hue. CMYK is K = 1 − max(R, G, B). Everything runs in your browser.

Preparing tool

How to use Color Code Converter

Type or paste one colour per line, in any format.
Pick one output format, or keep All formats.
Copy the codes, and check the gamut notes for P3 colours.

Read the detailed guide →

What are the limits of Color Code Converter?

CMYK is the simple screen formula, not a printer profile, so print colours will differ. Colours outside sRGB are squeezed in by lowering chroma. Nothing is uploaded; your data stays on your device.