What color formats does ColorShift support?

ColorShift supports HEX, RGB, RGBA, HSL, HSLA, HWB, LAB, LCH, OKLAB, OKLCH, and CSS named colors. All formats support alpha channel transparency.

Is ColorShift free to use?

Yes, ColorShift is completely free and open source under the MIT license. There are no usage limits or premium features.

Does ColorShift store my data?

No. All color conversions happen entirely in your browser using JavaScript. No data is sent to any server, no cookies are used, and no information is collected.

Can I convert entire CSS files?

Yes, ColorShift offers batch file conversion. Upload your CSS, SASS, or PostCSS files and convert all color values to your preferred format at once.

What is OKLCH and why should I use it?

OKLCH is a perceptually uniform color space that provides more intuitive color manipulation. It is recommended for modern CSS as it produces more natural color transitions and better accessibility contrast calculations.

How do I convert HEX to OKLCH?

Enter your HEX color (e.g., #ff5733) in the ColorShift converter and instantly see the OKLCH equivalent. You can also batch convert entire CSS files from HEX to OKLCH.

How do I convert RGB to HSL?

Simply paste your RGB color value (e.g., rgb(255, 87, 51)) into ColorShift and you will instantly see the HSL conversion along with all other supported formats.

What browsers does ColorShift support?

ColorShift works in all modern browsers including Chrome, Firefox, Safari, and Edge. It requires JavaScript to be enabled.

About ColorShift - How It Works & Supported Color Formats

ColorShift

About ColorShift

A free, privacy-focused tool for designers and developers to convert colors between CSS formats.

Instant Conversion

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

Batch Processing

Upload CSS/SASS files and convert all colors at once

100% Client-Side

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

All CSS Formats

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

Supported Color Formats

Format	Example	Description
HEX	#ff5733	Hexadecimal color notation
RGB	rgb(255, 87, 51)	Red, Green, Blue values
HSL	hsl(11, 100%, 60%)	Hue, Saturation, Lightness
HWB	hwb(11 20% 0%)	Hue, Whiteness, Blackness
LAB	lab(62 58 49)	CIE LAB color space
LCH	lch(62 76 40)	Lightness, Chroma, Hue
OKLAB	oklab(0.68 0.13 0.11)	OK perceptual LAB
OKLCH	oklch(0.68 0.17 40)	OK perceptual LCH

All formats support alpha channel transparency (e.g., rgba, hsla, oklch with /alpha).

How It Works

1. Enter or Upload

Type a color value or upload your CSS/SASS file

2. Automatic Detection

ColorShift detects color formats using the culori library

3. Convert & Copy

Get instant conversions to all formats or download your converted file

Privacy Statement

Your Privacy Matters

ColorShift is built with privacy as a core principle

No Server Processing

All color conversions happen entirely in your browser using JavaScript

No Data Collection

We don't collect, store, or transmit any of your color values or files

No Cookies

ColorShift doesn't use tracking cookies or analytics

Open Source

The source code is available on GitHub for full transparency

Your files never leave your computer. Everything is processed in your browser's memory.

View Source