What's the difference between HEX, RGB, and HSL?

HEX and RGB both represent colors using red, green, and blue values, just in different notations. HSL represents color using hue, saturation, and lightness, which can be more intuitive for adjusting shades.

Why do I need to enter a 6-digit HEX code?

6-digit HEX codes represent full RGB color values (2 digits each for red, green, blue). Shorthand 3-digit codes aren't currently supported.

Color Converter

Convert colors between HEX, RGB, and HSL formats.

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

How to Use This Tool

1Pick a color using the color picker, or type a HEX code directly.
2The RGB and HSL equivalents are calculated and shown automatically.

Frequently Asked Questions

Related Tools

JSON Formatter

Format and validate JSON instantly in your browser.

Base64 Encoder / Decoder

Encode text to Base64 or decode Base64 back to text.

Password Generator

Generate strong, random, secure passwords instantly.

UUID Generator

Generate random UUID v4 identifiers instantly.