How do I convert RGB to HEX?

Type your RGB value — for example rgb(124, 58, 237) — into the Color field above and run the tool. The HEX box shows the matching 6-digit code instantly, with the RGB and HSL equivalents alongside it.

How do I convert HEX to RGB?

Paste a hex code like #7c3aed into the Color field. The tool parses it and shows the RGB form (rgb(124, 58, 237)) plus the HSL form, all free with no signup.

What is a hex color picker?

A hex color picker converts colors into the six-digit HEX codes web browsers use, like #7c3aed. This free tool works both ways: give it HEX and get RGB and HSL, or give it RGB/HSL and get the HEX.

How do I find HTML color codes for my website?

Paste any color you like into the tool — a hex code, an RGB value, or even a CSS color name like rebeccapurple. The HEX, RGB and HSL boxes give you the exact HTML color codes to drop into your stylesheet.

Is there a free HSL color picker?

Yes — this tool is free and runs entirely in your browser. Paste any color and the HSL box shows its hue, saturation and lightness, so you can tweak shades by adjusting the lightness value.

Color Picker: HEX, RGB and HSL Converter

What is Color picker?

Color Picker — Convert any color instantly with this free color picker — paste HEX, RGB or HSL and get all three formats, ready to copy straight into your CSS.

Color parsing and conversion are done entirely by TinyColor (MIT), the vendored open-source color library — your input never leaves the browser. It understands HEX (including 3-digit shorthand and 8-digit alpha), RGB/RGBA, HSL/HSLA and CSS named colors. Limitations: the HEX output is the 6-digit opaque form, so alpha from rgba/hsla inputs appears only in the RGB and HSL strings; rare CSS Color 4 formats like lab() or color() may not parse and get a clear error instead of a guess.

Why use this color picker?

🎯

Built for color picker

Convert any color instantly with this free color picker — paste HEX, RGB or HSL and get all three formats, ready to copy straight into your CSS.

📋

Transparent & honest

HEX output is the 6-digit opaque form; if you need the alpha channel, use the RGB or HSL strings.

🔒

Private by design

Everything runs in your browser. Your inputs never leave your device.

📱

Works everywhere

Fully responsive — perfect on desktop, tablet, and mobile. No app needed.

🔄

Regularly updated

Regularly maintained and reviewed to ensure accuracy.

💡

Free forever

No accounts, no limits, no watermarks. Use Color Picker as much as you need.

How to use Color Picker

1Type or paste any color into the "Color" field — try #7c3aed, rgb(124, 58, 237), hsl(262, 83%, 58%) or a name like rebeccapurple.
2Run the tool to parse the color with the TinyColor engine.
3Read the three result boxes: HEX, RGB and HSL.
4Copy whichever format your project needs — all three are ready to paste into CSS.
5Try a shorthand like f0f or an alpha value like rgba(124, 58, 237, 0.5) to see how each output format handles them.

What can you do with Color Picker?

Convert rgb to hex — Convert any color instantly with this free color picker — paste HEX, RGB or HSL and get all three formats, ready to copy straight into your CSS.
Convert hex to rgb — Convert any color instantly with this free color picker — paste HEX, RGB or HSL and get all three formats, ready to copy straight into your CSS.
Hex color picker — Convert any color instantly with this free color picker — paste HEX, RGB or HSL and get all three formats, ready to copy straight into your CSS.
Find html color codes for website — Convert any color instantly with this free color picker — paste HEX, RGB or HSL and get all three formats, ready to copy straight into your CSS.
Free hsl color picker — Convert any color instantly with this free color picker — paste HEX, RGB or HSL and get all three formats, ready to copy straight into your CSS.

Good to know

HEX output is the 6-digit opaque form; if you need the alpha channel, use the RGB or HSL strings.
3-digit shorthand like f0f is expanded to its full 6-digit form (#ff00ff).
If a color cannot be parsed, the tool says so — it never silently rounds or guesses.

How it works

Color parsing and conversion are done entirely by TinyColor (MIT), the vendored open-source color library — your input never leaves the browser. It understands HEX (including 3-digit shorthand and 8-digit alpha), RGB/RGBA, HSL/HSLA and CSS named colors. Limitations: the HEX output is the 6-digit opaque form, so alpha from rgba/hsla inputs appears only in the RGB and HSL strings; rare CSS Color 4 formats like lab() or color() may not parse and get a clear error instead of a guess.

Examples

Brand purple in HEX

Status: ok — HEX #7c3aed, RGB rgb(124, 58, 237), HSL hsl(262, 83%, 58%).

RGB to HEX conversion

Status: ok — HEX #22c55e, the RGB and HSL strings follow.

Not a color

Status: error — a friendly message suggesting valid formats like #7c3aed or rgb(124, 58, 237).

People also search for these — this tool handles them all:

color pickerconvert rgb to hexconvert hex to rgbhex color pickerfind html color codes for websitefree hsl color picker