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.
HEX
color: #3498db;
RGB
color: rgb(52, 152, 219);
HSL
color: hsl(204, 70%, 53%);
CMYK
/* cmyk(76%, 31%, 0%, 14%) */
oklch
color: 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.
See also: Contrast Checker · Palette Generator
How to Use
- Pick a color or enter a value in any format
- All format values update in real time
- 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