HEX • RGB • HSL • OKLCH • LAB • LCH

Free CSS Color Converter

Convert colors between HEX, RGB, HSL, OKLCH, LAB, and LCH formats instantly. Batch process CSS files. 100% client-side and free.

Instant Conversion

Convert colors in real-time as you type with live preview

Privacy First

All processing happens in your browser. No data sent to servers

All CSS Formats

HEX, RGB, HSL, HWB, LAB, LCH, OKLAB, OKLCH with alpha support

Free & Open Source

MIT licensed and available on GitHub for full transparency

Color Converter

Enter any color value and see it converted to all CSS formats instantly.

Enter a color

Supports HEX, RGB, HSL, HWB, LAB, LCH, OKLAB, OKLCH

Quick Palette

Preview

Enter a valid color to preview

All Formats

HEX

—

RGB

—

HSL

—

HWB

—

LAB

—

LCH

—

OKLAB

—

OKLCH

—

#ff5733

rgb(255, 87, 51)

hsl(11, 100%, 60%)

oklch(0.68 0.17 40)

Also supports HWB, LAB, LCH, OKLAB formats with alpha channels. Learn more about ColorShift

Upload your CSS, SASS, or PostCSS files and convert all color values at once. Perfect for migrating to modern color formats like OKLCH.