Back to Developer Tools

Color Code Converter

Convert between HEX, RGB, HSL, and CMYK color formats instantly.

R
G
B
H (°)
S (%)
L (%)
C (%)
M (%)
Y (%)
K (%)

Related Guide

Free Color Converter Online: HEX, RGB, HSL — Convert Any Color Format

Read Guide →

About This Tool

Free color converter online — instantly convert colors between HEX (#FF5733), RGB (255, 87, 51), HSL (11°, 100%, 60%), and HSV formats with a live preview swatch. No sign-up, no upload, entirely browser-based. Web designers and front-end developers constantly switch between color formats: Figma uses HEX and RGB, CSS uses HEX and HSL, design tokens use RGB, and some animation libraries use HSV. This color code converter eliminates manual calculation. Paste any color value in any supported format and get all four representations instantly. Copy individual values to clipboard with one click. Great for building design systems, matching brand colors across formats, and ensuring consistent color usage across CSS, SVG, and canvas.

How to Use

  1. 1

    Enter a color value

    Type a HEX code (e.g. #FF5733), an RGB value (255, 87, 51), or an HSL value.

  2. 2

    See all formats

    The converter instantly shows the equivalent HEX, RGB, HSL, and HSV values with a color preview.

  3. 3

    Copy your format

    Click the copy button next to whichever format you need.

Frequently Asked Questions

What is the difference between HSL and HSV?+
Both use Hue, Saturation, and a third dimension. HSL's third dimension is Lightness (0% = black, 100% = white, 50% = pure color). HSV's third dimension is Value/Brightness (0% = black, 100% = the full color). HSL is used in CSS; HSV is common in image editing software.
Can I enter a color name like "red"?+
The tool accepts HEX, RGB, and HSL input. For CSS color names, convert them first: "red" = #FF0000.

Related Tools

Color Picker from Image

Try it free →

JSON Formatter

Try it free →

CSS Minifier

Try it free →