Color Code Converter - HEX to RGB, RGB to HEX, HSL, CMYK, oklch

Convert color codes between formats in real time. Pick a color or enter a value in any format, and all other formats update automatically. Copy CSS code for each format with one click.

HEXcolor: #3498db;
RGBcolor: rgb(52, 152, 219);
HSLcolor: hsl(204, 70%, 53%);
CMYK/* cmyk(76%, 31%, 0%, 14%) */
oklchcolor: oklch(0.65 0.15 250);

What is Color Code Converter?

Color Code Converter is a tool that converts between major color formats used in web development and design (HEX, RGB, HSL, CMYK, oklch). It outputs CSS-ready code, streamlining color specification tasks. All processing happens entirely in your browser.

How to Use

  1. Pick a color or enter a value in any format
  2. All format values update in real time
  3. Click the copy button next to each format to copy the CSS code

FAQ

How accurate is the CMYK conversion?
It uses a simplified conversion without ICC profiles. For print work, we recommend using dedicated software.
What is oklch?
A perceptually uniform color space introduced in CSS Color Level 4. It provides consistent lightness transitions.
Is alpha (transparency) supported?
Currently only opaque colors are supported.
How do I use this tool?
Enter a color value in any of the HEX, RGB, HSL, or other input fields and the tool will automatically convert it to all other formats. You can also pick a color from the color picker.
Is my data sent to a server?
All processing happens in the browser. No data is sent to a server.

Related Tools

Update History

Last Updated: 2026-02-20

  • 2026-02-20 Initial release