Color Converter

Color Converter
Copied!

HEX

#3B82F6

Click to copy

RGB

rgb(59, 130, 246)

Click to copy

HSL

hsl(217, 91%, 60%)

Click to copy

CMYK

cmyk(76%, 47%, 0%, 4%)

Click to copy

A 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.