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 |
|---|---|
| HEX | #ff5733 |
| RGB | rgb(255, 87, 51) |
| HSL | hsl(11, 100%, 60%) |
| HWB | hwb(11 20% 0%) |
| LAB | lab(62 58 49) |
| LCH | lch(62 76 40) |
| OKLAB | oklab(0.68 0.13 0.11) |
| OKLCH | oklch(0.68 0.17 40) |
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