Skip to content
My Blog

Search WPDesignVault

Try "image", "json", "schema" or "contrast". Use arrow keys to move through results.

Color Tools

Color Converter: HEX, RGB, HSL, OKLCH

Paste any colour (HEX, RGB, HSL, a CSS name or OKLCH) and get every common format, ready to copy, with a live swatch.

Runs in your browser. Nothing you enter is uploaded. Last updated

How to use

  1. Type a colour in any CSS format, or use the colour picker.
  2. Copy the format you need.

What this tool does

Your browser parses the colour exactly as CSS would, and the tool converts it with standard formulas. OKLCH uses the OKLab colour space; CMYK is a simple device-independent approximation, not a print profile.

Frequently asked questions

What is OKLCH?

A modern CSS colour format based on perceived lightness, chroma and hue. Equal steps in lightness look more even than in HSL, which makes it useful for palettes.

Why does the CMYK value differ from my print software?

Print conversions depend on paper and ink profiles. Use this value as a rough guide only.

HEX to RGB Converter

Convert HEX colour codes (3, 4, 6 or 8 digits) to RGB and RGBA values instantly.

WCAG Color Contrast Checker

Check text and background colours against WCAG 2 AA and AAA contrast requirements, and get a suggested accessible…

Color Palette Generator

Create complementary, analogous, triadic and monochromatic palettes from one colour, plus a full 50–950 shade scale, and export…

RGB to HEX Converter

Convert RGB or RGBA colour values to HEX codes, including 8-digit HEX with transparency.