Color Picker

Pick a color and convert between HEX, RGB, and HSL.

ToolsSoup's Color Picker is a free online tool that lets you pick any color and instantly convert it between HEX, RGB, and HSL. Use the color wheel or type a value in any format — the others update in real time and copy to your clipboard with one click. Everything runs in your browser with no sign-up.

What are HEX, RGB, and HSL?

HEX, RGB, and HSL are three ways to describe the same color. HEX is a six-digit hexadecimal code like #4f46e5 used widely in CSS and design tools. RGB defines a color by its red, green, and blue channels from 0 to 255, such as rgb(79, 70, 229). HSL describes a color by hue, saturation, and lightness — hsl(243, 75%, 59%) — which is often more intuitive when you want to nudge a shade lighter, darker, or more vivid.

How to convert a color online

Converting a color with ToolsSoup takes just a few seconds:

  1. Use the color well to pick a shade visually, or type a value into the HEX, RGB, or HSL field.
  2. The other formats update automatically as soon as you change one.
  3. Click Copy next to any format to put it on your clipboard.

How do I convert HEX to RGB?

A HEX code splits into three pairs of hexadecimal digits — one each for red, green, and blue. For #4f46e5, 4f is 79, 46 is 70, and e5 is 229, giving rgb(79, 70, 229). This tool does the math for you instantly in both directions, and also converts to and from HSL.

Why use this color picker?

  • 100% free with no ads, sign-up, or usage limits.
  • Runs entirely in your browser — nothing is sent to a server.
  • Convert between HEX, RGB, and HSL in real time.
  • Pick visually with the color wheel or type an exact value.
  • One-click copy for every format.

Frequently asked questions

Is this color picker free?

Yes. Every tool on ToolsSoup is completely free to use, with no account, sign-up, or hidden limits.

How do I convert RGB to HEX?

Type your RGB value into the RGB field, such as rgb(79, 70, 229), and the HEX code updates automatically. Each channel is converted to a two-digit hexadecimal number and joined into a single code.

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

They all describe the same color in different notations. HEX and RGB are based on red, green, and blue light, while HSL is based on hue, saturation, and lightness, which makes it easier to adjust a color by feel.

Does this tool support transparency or alpha?

This picker focuses on solid colors in HEX, RGB, and HSL. For transparency you would add an alpha channel (such as rgba or an eight-digit HEX), which is not part of these standard three-channel conversions.

Are my colors saved anywhere?

No. All conversions happen locally in your browser, so nothing you pick or type is ever uploaded or stored on a server.