Color Converter

Free online color converter. Convert HEX to RGB, HSL, CMYK instantly. Visual color picker, live preview, one-click copy.

Color Converter

HEX: #3B82F6
RGB: 59, 130, 246

#3B82F6

rgb(59, 130, 246)

Copy Formats
HEX #3B82F6
RGB rgb(59, 130, 246)
HSL hsl(217, 91%, 60%)
CMYK cmyk(76%, 47%, 0%, 4%)
Values 59, 130, 246
Quick Colors

How to Use Color Converter

  1. 1 Enter a color in HEX (#FF6B6B), RGB (255, 107, 107), or HSL format
  2. 2 Or use the visual color picker to select any color
  3. 3 View all color formats instantly (HEX, RGB, HSL, CMYK)
  4. 4 Click copy button next to any format to copy to clipboard

What You Get

Convert colors between HEX, RGB, HSL, and CMYK formats. Includes visual color picker, live preview, RGB/HSL sliders, and 15 preset colors.

Input: #FF6B6B

Output: RGB: 255, 107, 107 | HSL: 0°, 100%, 71% | CMYK: 0%, 58%, 58%, 0%

Input: rgb(59, 130, 246)

Output: HEX: #3B82F6 | HSL: 217°, 91%, 60%

Input: hsl(217, 91%, 60%)

Output: HEX: #3B82F6 | RGB: 59, 130, 246

How do I convert HEX to RGB?

Enter your HEX code (e.g., #FF6B6B) and see RGB values instantly. Example: #FF6B6B = RGB(255, 107, 107).

How do I convert RGB to HEX?

Enter RGB values like rgb(255, 107, 107) or 255, 107, 107. The HEX code appears instantly. Example: RGB(59, 130, 246) = #3B82F6.

What is HEX color code?

HEX is a 6-digit hexadecimal code representing RGB. #FF0000 = Red 255, Green 0, Blue 0. Shorthand like #F00 expands to #FF0000.

What is the difference between RGB and CMYK?

RGB (Red, Green, Blue) is for screens. CMYK (Cyan, Magenta, Yellow, Key/Black) is for print. RGB→CMYK conversion is approximate.

What is HSL color format?

HSL (Hue, Saturation, Lightness) is intuitive for picking colors. Hue: 0-360° on color wheel, Saturation/Lightness: 0-100%.

How do I find a color code from an image?

Use our visual color picker square or enter a known value. All formats (HEX, RGB, HSL, CMYK) update instantly as you pick.

Is my color data stored anywhere?

No. All color conversions happen 100% locally in your browser. Your data never leaves your device.

How do I copy a color code?

Click the copy button next to any format (HEX, RGB, HSL, CMYK) to copy to clipboard with one click.

100% client-side. All color conversions happen in your browser.