← Home AlveaHubs — free, no sign-up, works offline

Color Picker — HEX, RGB & HSL Converter

Pick a color using the swatch, or type any hex code, to instantly see its RGB and HSL equivalents. Copy any value with one click. Everything runs in your browser — no color data is ever sent to a server.

rgb(46, 83, 57)
hsl(129, 29%, 25%)

About this tool

This tool converts a color between three common formats: HEX (a 6-digit code like #2E5339 used in CSS and design software), RGB (red, green, and blue intensities from 0–255), and HSL (hue angle, saturation, and lightness). Pick a color with the swatch or type a hex code, and all three values update instantly.

How to use

  1. Click the color swatch to open your browser's color picker, or type a hex code into the text field.
  2. RGB and HSL values appear immediately below the color preview.
  3. Click the copy icon next to HEX, RGB, or HSL to copy that value to your clipboard.
  4. Click "Random Color" to generate a random hex color.

When to use this tool

  • Converting a hex color from a design file into RGB or HSL for a CSS stylesheet.
  • Matching a brand color across tools that expect different color formats.
  • Quickly checking what HSL values correspond to a specific hex code.
  • Generating a random color for prototyping or placeholder design work.

Frequently asked questions

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

Three ways to represent the same color. HEX is a 6-digit code used in CSS; RGB uses red/green/blue intensities (0–255); HSL uses hue angle, saturation, and lightness percentages.

How do I convert a hex color to RGB?

Type or paste the hex code into the input field. The RGB and HSL equivalents appear instantly.

Can I type a hex code directly?

Yes. Type any 3- or 6-digit hex code (with or without #). All values update instantly.

Is the color I pick stored or sent anywhere?

No. All conversion happens in your browser. Nothing is transmitted.

Does this work offline?

Yes. Once the page has loaded, all conversion runs locally.

What does the Random Color button do?

Generates a random hex color and updates all color format values.

Why does my hex code show an error?

Only valid 3- or 6-digit hex codes (0–9, A–F) are accepted. Check for typos or extra characters.

Is this tool free?

Yes, completely free with no sign-up required and no usage limits.

Everything is calculated locally in your browser — the color you pick is never sent to a server.