Color Converter
HEX
#3B82F6
Click to copyRGB
rgb(59, 130, 246)
Click to copyHSL
hsl(217, 91%, 60%)
Click to copyCMYK
cmyk(76%, 47%, 0%, 4%)
Click to copyA real-time color converter that translates any color between HEX, RGB, HSL, and CMYK formats instantly. Includes a live color preview, a native color picker, one-click copy for each format, and an auto-generated 8-color harmonious palette based on hue rotation. Essential for designers, developers, and print professionals.
Why Use This Color Converter?
- Four formats — HEX, RGB, HSL, and CMYK converted simultaneously.
- Live preview — see the exact color displayed in a large swatch as you type.
- Click-to-copy — copy any format value directly to your clipboard.
- Built-in palette — generates 8 complementary colors via 45° hue rotation.
Key Features
- HEX Input: Type or paste any hex color code (supports shorthand like #F00).
- Native Picker: Use your browser’s built-in color picker for visual selection.
- CMYK Output: Useful for print design, calculated from the standard RGB-to-CMYK formula.
- Palette Generator: Automatic 8-swatch palette via HSL hue rotation.
How it Works
HEX is parsed into R, G, B integers. RGB→HSL uses the standard min/max lightness formula. RGB→CMYK calculates the key (K) as min(1-R/255, 1-G/255, 1-B/255) then derives C, M, Y from the remaining values. The palette rotates the hue channel in 45° steps while preserving saturation and lightness.
Try the Color Converter
Pick a color with the color picker or type a HEX code. All four formats update live — click any card to copy the value.