Is my data sent anywhere when I use this tool?

No. All color math runs entirely in your browser. No color values you enter are ever transmitted to a server.

Color Converter — HEX, RGB, HSL & More

Color Converter

HEX ↔ RGB ↔ HSL — Plus Schemes, Contrast & Colorblind Preview

Convert colors between HEX, RGB, RGBA, and HSL instantly, with optional HSV, CMYK, LCH, and OKLCH formats. Pick a color, explore harmony schemes, check WCAG contrast, preview colorblind simulations, and print a clean report. All calculations happen in your browser — your data never leaves your device.

🔒 Calculated in your browser — your data never leaves your device

Tap the swatch to pick a color

Or type a value into any field below

HEX

RGB

RGBA

HSL

HSV / HSB

CMYK

Naive screen-preview conversion only — not accurate for press-ready printing. Real print work needs an ICC color profile.

LCH

OKLCH

Color Schemes

WCAG 2.1 Contrast Checker

The quick brown fox jumps over the lazy dog.

Normal text 16px / Large text 24px bold

—

Colorblindness Simulation

As displayed

Protanopia

Deuteranopia

Tritanopia

Approximation using standard LMS-based simulation matrices. Useful as a sanity check — not a substitute for testing with people who have the condition.

All color math runs locally in your browser. No values you enter are ever transmitted to a server.

How to Use the Color Converter

Enter or Pick a Color

Type a value into the HEX, RGB, RGBA, or HSL field, or click the color swatch to use the visual picker. Every format stays in sync — change one and the rest update instantly with no button press required.

Reveal Additional Formats

Use the Show HSV, Show CMYK, and Show LCH / OKLCH buttons to display those formats only when you need them. CMYK includes a note that it is a screen-preview approximation, not a press-ready conversion.

Explore Schemes and Accessibility

Pick a scheme type to see complementary, analogous, triadic, tetradic, split-complementary, or monochromatic swatches built from your color. Use the WCAG contrast checker to test a foreground and background pair, with live AA and AAA pass-fail badges. Preview your color under protanopia, deuteranopia, and tritanopia in the colorblindness panel.

Copy or Print Your Color

Click the copy button next to any format field to copy that value to your clipboard. Click Print to generate a clean, printer-friendly summary of your color, every format, your chosen scheme, and the contrast result.

Frequently Asked Questions

What is the difference between HEX, RGB, and HSL?

Is the CMYK conversion accurate for printing?

What are LCH and OKLCH, and why would I use them?

How is the WCAG contrast ratio calculated?

How accurate is the colorblindness simulation?

Is my data safe when using this converter?

Color Converter

How to Use the Color Converter

Frequently Asked Questions

Related Tools