Color Code Converter

Convert color codes between HEX, RGB, and HSL formats. Also displays visual color previews.

Color Code Input

HEX:

RGB:

Three comma-separated values (0-255)

HSL:

Hue (0-359), Saturation (0-100%), Lightness (0-100%)

Color Picker:

Color Preview

CSS Formats

color: #3366ff;

color: rgb(51, 102, 255);

color: hsl(225, 100%, 60%);

Components

RGB:

HSL:

About Color Codes

HEX (Hexadecimal):

The most common color representation method on the web. It consists of a "#" symbol followed by 6 hexadecimal digits. The first two digits represent red (R), the next two represent green (G), and the last two represent blue (B). Values range from 00 to FF, where 00 is the darkest and FF is the brightest.

RGB (Red, Green, Blue):

Represents colors using three values for red, green, and blue. Each value ranges from 0 to 255, where 0 is the darkest and 255 is the brightest. In CSS, it's used in the format rgb(R, G, B).

HSL (Hue, Saturation, Lightness):

Represents colors using three values: hue, saturation, and lightness. Hue is an angle from 0 to 359 degrees representing the color type, saturation is 0-100% representing the color's vividness, and lightness is 0-100% representing the color's brightness. HSL is a more intuitive color representation method for humans. In CSS, it's used in the format hsl(H, S%, L%).

How to Use

Enter a color code in any format: HEX, RGB, or HSL.
The results automatically converted to other formats will be displayed.
Click the "Copy" button next to any value to copy it to the clipboard.
A preview of the entered color will also be displayed.