712Tools

Color Converter — HEX, RGB, HSL

Convert between HEX, RGB, HSL, and CMYK with live preview

🔒 100% in-browser🆓 Free forever⚡ No sign-up
HEX
RGB
HSL
hsl(221, 83%, 53%)
CMYK
cmyk(84%, 58%, 0%, 8%)

How it works

  1. 1
    Enter a color

    Type a HEX code, RGB values, HSL values, or use the color picker.

  2. 2
    See all formats

    The other three formats update live alongside a color preview.

  3. 3
    Copy any format

    One-click copy for HEX, RGB, HSL, or CMYK.

About Color Converter — HEX, RGB, HSL

Free online color converter. Convert any color between HEX, RGB, HSL, and CMYK formats with a live preview swatch. Copy any format with one click. Perfect for designers moving between Figma, CSS, and print workflows. Color Converter — HEX, RGB, HSL on 712 Tools runs entirely inside your browser using modern JavaScript APIs — no server ever sees your data. That means instant results, complete privacy, and no upload limits.

Whether you need to convert between hex, rgb, hsl, and cmyk with live preview for a debugging session, a quick sanity check, or a production incident, this tool is free to use as many times as you need. There are no watermarks, no sign-up, and no ads inside the tool itself.

Frequently asked questions

Does it support alpha (RGBA / HSLA)?

Yes. If you enter #RRGGBBAA or an rgba() value, alpha is preserved across all formats that support it.

How accurate is the CMYK conversion?

It uses the standard math-based sRGB → CMYK formula. For print-accurate CMYK (with an ICC profile) use a design tool — screen CMYK is always an approximation.

Which HEX formats are accepted?

3-digit (#f0a), 4-digit with alpha (#f0a8), 6-digit (#ff00aa), and 8-digit (#ff00aa88).

Is my color data sent anywhere?

No. Conversion runs entirely in your browser.

Related tools

Palette Generator

Generate harmonious color palettes from a base color

Word Counter

Count words, characters, sentences, paragraphs, reading time

Case Converter

Convert text to UPPERCASE, lowercase, camelCase, snake_case, kebab-case, and more

Lorem Ipsum

Generate placeholder text — paragraphs, sentences, or words

Text Diff

Compare two texts and highlight the differences

Find & Replace

Bulk find and replace text with regex support