This online color converter transforms colors between HEX, RGB, HSL, HSV, HWB, CMYK, LCH and LAB formats with a live color picker and real-time preview.
Quickly convert color formats and copy ready-to-use CSS color values in your browser with no server upload.
A color converter is an online utility that translates a color value from one notation to another - HEX to RGB, RGB to HSL, HSL to HSV, and so on. Our converter works in real time, so every time you pick a color or type a value, all supported formats are recalculated instantly.
The tool supports HEX, RGB, RGBA, HSL, HSV/HSB, HWB, CMYK, LCH and LAB, covering modern CSS color notations as well as print and perceptually uniform color spaces used in design software.
Different contexts require different color notations. Web developers usually work with HEX and RGB, designers frequently adjust hue with HSL or HSV, print workflows rely on CMYK, and color-critical applications prefer perceptually uniform LCH or LAB.
Converting formats lets you move designs between Figma, CSS variables, brand guidelines and print, while keeping colors consistent and WCAG-compliant for accessibility.
#4ade80 or rgb(74, 222, 128)) in the input field.Our converter runs entirely in your browser, so there is no upload, no tracking and no account required. It is free, unlimited and fast even on mobile devices.
You get a visual color picker, text-based input, live preview, history of recently used colors and one-click copy for every format - everything a developer or designer needs in a single page.
Under the hood, every conversion starts from an RGB triplet. HEX ↔ RGB is a simple base-16 to base-10 mapping: #RRGGBB splits into three pairs of hexadecimal digits representing red, green and blue components from 0 to 255.
RGB ↔ HSL converts cartesian red/green/blue into a cylindrical hue (0-360°), saturation and lightness model. RGB ↔ HSV uses the same hue but replaces lightness with value (brightness). HSL ↔ HSV share hue but differ in how they model brightness.
CMYK is derived by subtracting the maximum RGB channel to find the key (black), then computing cyan, magenta and yellow percentages. LAB and LCH go through the XYZ color space with D65 white-point normalization, providing perceptually uniform distances between colors.
rgba()).rgba() with alpha or HSL for easier hue tweaks.Yes. All math happens locally in your browser using JavaScript - no color values are ever transmitted to our servers. There are no cookies or trackers tied to the tool itself, so you can use it on confidential brand work without exposing any sensitive data.
DevTools is a growing suite of free, privacy-friendly utilities built for developers and designers. The Color Converter shares the same fast, ad-free, no-signup experience as the rest of our tools, so you can jump between converters without context switching.
Every tool is open to the public, keyboard-friendly and documented, which makes DevTools a reliable daily companion for both quick checks and deeper workflows.
Every converted color has a dedicated copy button that places a ready-to-paste CSS value on your clipboard. The color history table lets you revisit recent picks and copy them again with a single click.
Looking for more color and image workflows? Pair this converter with other DevTools utilities:
Yes, it is completely free with no registration, ads or usage limits.
No. All conversions run locally in your browser and are never uploaded. A short color history is saved only in your browser's local storage.
HEX, RGB, RGBA, HSL, HSV/HSB, HWB, CMYK, LCH and LAB are all converted in real time.
Yes. Use the RGBA format to keep or set an alpha channel; other formats are displayed without transparency by default.
Both use the same hue axis (0-360°), but HSL describes brightness as lightness (0% black, 100% white, 50% pure color) while HSV uses value (0% black, 100% pure color). HSV is common in design software; HSL is common in CSS.
The CMYK output is a device-independent approximation calculated from sRGB. For production printing, always calibrate against your printer's ICC profile.
Yes. HEX, RGB/RGBA, HSL and HWB outputs are valid CSS color values and can be pasted straight into stylesheets.
Once the page is loaded, all conversions are performed locally, so you can keep using the tool even with an unstable connection.
<color> value - reference for every color notation accepted by browsers and how they are parsed.