Color Converter HEX RGB HSL

Pick a color or enter a HEX code and instantly see the equivalent RGB and HSL values. Copy any format with one click.

99Red
102Green
241Blue
HEX: #6366f1
RGB: rgb(99, 102, 241)
HSL: hsl(239, 84%, 67%)

Related Tools

JSON Formatter

Format, validate, and minify JSON data.

Open Tool →

QR Code Generator

Generate QR codes from any text or URL.

Open Tool →

Unix Timestamp Converter

Convert between Unix timestamps and human-readable dates.

Open Tool →

Recommended Tools

Recommended Color palettes with Coolors Fast color scheme generator Recommended Design with Figma Free collaborative design tool

Frequently Asked Questions

What is the difference between HEX, RGB, and HSL?

HEX uses a 6-digit hexadecimal code (e.g., #6366f1). RGB specifies Red, Green, Blue values from 0-255 (e.g., rgb(99, 102, 241)). HSL uses Hue (0-360), Saturation (0-100%), and Lightness (0-100%) (e.g., hsl(239, 84%, 67%)). They all represent the same colors, just in different formats.

How do I convert HEX to RGB?

Enter or pick a color using the color picker or type a HEX code. The tool instantly shows the equivalent RGB and HSL values. You can copy any format with one click.

Which color format should I use in CSS?

All three formats work in CSS. HEX is the most common and compact. RGB is useful when you need to adjust individual channels. HSL is most intuitive for adjusting hue, saturation, and lightness independently.