Color Converter
Convert any color between HEX, RGB, HSL, HSV, OKLCH, and CMYK formats. Enter a value in any format and see all conversions update in real-time.
Convert HEX
| Code | Value | HTML/CSS | |
|---|---|---|---|
| RGB | 239, 191, 4 | rgb(239 191 4) | |
| HSL | 48, 97, 48 | hsl(48 97% 48%) | |
| HSV | 48, 98, 94 | — | |
| CMYK | 0, 20, 98, 6 | — | |
| OKLCH | 0.82, 0.17, 90 | oklch(0.82 0.17 90) |
CMYK values are approximate. For production printing, use ICC profile-based conversion in your design software.
Use this color in Moda
Apply exact brand colors to slides, social posts, and other designs — all on a real canvas you control.
Try Moda free →Supported color formats
This tool converts between six color formats: HEX (the compact #RRGGBB notation used in CSS and brand guidelines), RGB (red/green/blue channel values from 0–255), HSL (hue/saturation/lightness — intuitive for creating color variations), HSV (hue/saturation/value — common in color pickers), CMYK (cyan/magenta/yellow/key — the standard for commercial printing), and OKLCH (a perceptually uniform color space increasingly used in modern CSS and design systems).
When to use which format
For web development and CSS, use HEX or RGB — they are universally supported and compact. For programmatic color manipulation (creating lighter/darker variants, building palettes), use HSL or OKLCH — adjusting a single number produces predictable changes. For print production, use CMYK — it maps directly to the four-ink process used by commercial printers. HSV is commonly used in color picker interfaces because it maps intuitively to how users think about choosing colors.
How conversions work
All conversions route through RGB as the intermediate format. When you enter a color in any format, it is first converted to RGB, then from RGB to every other format. This means the tool always shows consistent results across all outputs. The conversion math is standard and well-documented — no external services or APIs are used.
OKLCH: the modern color space
OKLCH is a perceptually uniform color space where equal numeric changes produce equal perceived visual changes. Unlike HSL, where the same saturation increment looks different at different hues, OKLCH maintains consistent visual behavior. It is supported in CSS via the oklch() function and is increasingly adopted by design systems like Open Props and Radix. If you are building a design system from scratch, OKLCH is worth considering as your base color space.
Frequently asked questions
What color formats does this tool support?
This tool supports HEX, RGB, HSL, HSV, OKLCH, and CMYK color formats. Enter a color in any format and all other formats will be calculated automatically.
Which format should I use for web design?
For CSS, use HEX (#EFBF04) or RGB (rgb(239, 191, 4)). HSL is also supported natively in CSS and is more intuitive for creating color variations.
Which format should I use for print?
Use CMYK for commercial printing. Note that the mathematical conversion from RGB/HEX to CMYK is approximate — for production printing, consult your print vendor about ICC profile-based conversion.
What is OKLCH used for?
OKLCH is a perceptually uniform color space. It is increasingly used in modern CSS and design systems because equal numeric changes in OKLCH produce equal perceived changes in color, making it ideal for generating consistent color palettes.