100% local processing - your files and data never leave your browser.
No accounts, no tracking - we don't save your credentials, files, or usage.
Free forever - donations are welcomed, but every tool is and always will be free.
Open in spirit - need a special tools..? Drop a message.
FREE TOOL · INSTANT · 100% LOCAL

COLOR
CONVERTER

Convert any color between HEX, RGB, HSL, HWB, OKLCH, and CMYK formats - all updating live as you type. Eyedropper to grab colors from anywhere on screen, plus shade palette and contrast checker.

Pick a Color - Free All 54 Tools
#C8F135 RGB 200, 241, 53 HSL 73, 87%, 58% OKLCH .90 .20 121 CMYK 17, 0, 78, 5 SHADES & TINTS 1.31 VS WHITE FAIL FAIL 16.1 VS BLACK AAA AAA EYEDROPPER
8 Formats, Live Sync
HEX, RGB, RGBA, HSL, HSLA, HWB, OKLCH, and CMYK - all displayed simultaneously and updated as you change any one of them.
Eyedropper Tool
Pick a color from anywhere on your screen using the browser's native EyeDropper API. Works in Chrome and Edge - perfect for matching colors from images, websites, or designs.
Modern Color Spaces
Includes OKLCH - the perceptually uniform color space now supported in CSS. Great for designing accessible color systems where lightness scales evenly.
Shade Palette
Auto-generated 11-step palette of shades and tints from your color. Click any swatch to make it the active color - perfect for picking complementary variations.
WCAG Contrast Check
Real-time accessibility check against white and black. Shows the contrast ratio plus AA/AAA pass/fail badges for both small and large text.
100% Local
All conversions run in your browser. Nothing gets uploaded - the tool works offline once the page is loaded.
The Tool

PICK & CONVERT

Type any format. Watch all the others update. Click to copy.

color-converter.php · ready LIVE
#C8F135
Alpha 100%

WCAG Contrast Check

—
vs WHITE
—
vs BLACK

All Formats

HEX
RGB
RGBA
HSL
HSLA
HWB
OKLCH
CMYK

SHADES & TINTS - click to use

Copied!
Process

HOW IT WORKS

Pure JavaScript color math, no libraries. Bidirectional conversion between every format you need.

01
Pick a color
Use the color picker, type any format directly, click a preset, or use the eyedropper to grab a color from anywhere on your screen.
02
All formats sync
Change any format and watch the others update in real time. The big preview swatch shows what you've got, and the shade palette suggests variations.
03
Copy and use
Click the copy button next to any format. Drop it straight into your CSS, design tool, or wherever you need it.
FAQ

COMMON QUESTIONS

OKLCH is a modern color space (introduced 2020, in CSS since 2023) where lightness is perceptually uniform. That means a 50% lightness blue and a 50% lightness yellow actually look equally bright to your eye - which is NOT true in HSL.

In HSL, yellow at 50% lightness is much brighter than blue at 50%, which makes designing accessible color systems annoying. OKLCH fixes that. If you're building a design system or need a color palette where shades look proportional, use OKLCH.

The browser EyeDropper API only works in Chrome, Edge, and Opera. Firefox and Safari don't support it yet. If your browser doesn't support it, the button shows a warning when you click it. Use the color picker swatch instead, or copy a HEX value from your design tool and paste it.

They're WCAG accessibility levels for text legibility:

AA requires contrast of 4.5:1 for normal text and 3:1 for large text (18pt+ or bold 14pt+). Minimum legal requirement in many countries.

AAA requires 7:1 for normal text, 4.5:1 for large. Much stricter - aim for this if you can.

The card shows pills for both small and large text against your color, so you know if your color works for body copy or only headlines.

CMYK depends on the printer, ink, and paper - there's no universal "right" CMYK for a given screen color. The values shown here use a simple algorithm without color profiles (no ICC), which is fine for casual reference but should not be used for professional print work. For accurate print colors, use Adobe Photoshop or Illustrator with the right color profile for your printer.

Yes. Paste into any format field - the tool parses what you typed and updates all the other formats. #FF5733, rgb(255,87,51), hsl(11, 100%, 60%), oklch(0.65 0.21 30) - all work.

OKLCH can describe colors that aren't reproducible on a standard sRGB monitor (the wider the chroma, the more likely). When you convert OKLCH to RGB, those out-of-gamut colors get "clipped" - the closest sRGB color is used instead. The shown RGB will be the displayable approximation. To stay in-gamut, keep chroma below ~0.25 for most hues.