How do I convert HEX to RGB online?

Enter or pick your color in our Color Picker and it instantly shows the RGB value alongside HEX, HSL, and RGBA — just click Copy to grab it.

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

HEX is a 6-digit code used in CSS and design tools. RGB defines color by red, green, and blue channels (0-255). HSL defines color by hue (0-360°), saturation, and lightness — more intuitive for adjusting colors.

Can I use this color picker for web design?

Yes. All four formats (HEX, RGB, HSL, RGBA) are ready to paste directly into CSS, Figma, Tailwind, or any design tool.

Color Picker & Converter

Pick any color and instantly get its HEX, RGB, and HSL values. Convert between color formats with one click.

Click to pick color

Hue

Lightness

HEX#6366F1

RGBrgb(99, 102, 241)

HSLhsl(239, 84%, 67%)

RGBArgba(99, 102, 241, 1)

Shades

How to Use Color Picker & Converter

1
Click the color preview area or use the hue and lightness sliders to pick a color.
2
View the color values in HEX, RGB, HSL, and RGBA formats.
3
Click the copy icon next to any format to copy it to your clipboard.
4
Click any shade swatch to select that variation of the color.

Related Tools

Text

Word Counter

Count words, characters, and sentences instantly.

Open tool

Utilities

QR Code Generator

Generate QR codes for any URL or text instantly.

Open tool

Security

Password Generator

Create strong, secure passwords with custom rules.

Open tool