Color Picker & Converter

Color Converter — HEX, RGB, HSL

Convert colors between HEX, RGB, and HSL formats instantly. Use the color picker or type any value. All formats update in real time as you make changes.

Color Formats Explained

• HEX — A 6-digit hexadecimal code prefixed with #. Used in CSS and web design. Example: #2563eb
• RGB — Red, Green, Blue values from 0–255. The standard color model for screens. Example: rgb(37, 99, 235)
• HSL — Hue (0–360°), Saturation (0–100%), Lightness (0–100%). More intuitive for humans. Example: hsl(221, 83%, 53%)

How to Use

Click the color preview to open the system color picker, or type a value in any field. Edit HEX, RGB, or HSL — the other formats update automatically. Click Copy to copy any format to your clipboard.

Frequently Asked Questions

Which color format should I use in CSS?

HEX is the most common in web development. HSL is great when you want to make variations (lighter/darker) of a color. RGB is the standard for programmatic color manipulation.

What about transparency/alpha?

This tool focuses on opaque colors. For transparency, add an alpha channel: rgba(37, 99, 235, 0.5) or hsla(221, 83%, 53%, 0.5).