HEX color is a 6-digit hexadecimal representation of a color used in web design (e.g., #FF5733). The first two digits represent red, the middle two green, and the last two blue.

What is the difference between RGB and HSL?

RGB defines colors by Red, Green, and Blue values (0-255). HSL defines colors by Hue (0-360 degrees), Saturation (0-100%), and Lightness (0-100%), which is often more intuitive.

How do I use these color formats in CSS?

In CSS, use HEX as color: #FF5733; RGB as color: rgb(255, 87, 51); and HSL as color: hsl(11, 100%, 60%). All three produce the same color.

🎨

Color Converter

Convert colors between HEX, RGB, and HSL formats

Your files never leave your browser

Color Picker

HEX

RGB

HSL

H (0-360)

S (0-100)

L (0-100)

How It Works

Enter Color

Enter a color value in HEX, RGB, or HSL format

See Conversions

All other formats are calculated automatically

Copy Values

Copy any format value with one click

Frequently Asked Questions

Related Tools

{ }

JSON Converter

Format, validate, and convert JSON online

🔤

Base64 Encode/Decode

Encode and decode text to and from Base64 format online

🆔

UUID Generator

Generate random UUIDs (v4) instantly

Last updated: Feb 27, 2026