Can I enter a HEX code directly to see its RGB and HSL equivalents?

Yes. You can type or paste a HEX value directly into the HEX field and the sliders and other values will update instantly to match.

How do I copy a colour value to use it in my code or design tool?

Tap or click any of the HEX, RGB, or HSL values and it is copied to your clipboard immediately, ready to paste wherever you need it.

What are the palette variants shown below the main swatch?

The strip shows five lightness variants of your chosen hue — from very light to very dark — so you can quickly pick a matching tint or shade for a cohesive palette.

Does it work offline?

Yes. Once the Carbide page has loaded, Color Picker works fully offline. No network connection is needed to pick, convert, or copy any colour value.

Color Picker

WEB

Pick colors and convert between HEX, RGB and HSL with a live palette.

Tap the swatch to pick any color, then copy a format below.

HEX#8B5CF6

RGBrgb(139, 92, 246)

HSLhsl(258, 90%, 66%)

What it does

Color Picker gives designers, developers, and anyone working with colour a fast, precise way to choose a hue and instantly see it expressed as HEX, RGB, and HSL values — all at once, all in sync. Adjust the hue, saturation, and lightness sliders and the live preview swatch updates in real time alongside all three code formats. A generated palette strip shows five lightness variants of your chosen colour so you can quickly pick a complementary shade. Tap any value to copy it straight to your clipboard. Everything runs entirely on your device: no image is uploaded, no account is needed, and the tool is completely free. Whether you're building a website palette, matching a brand colour, or just curious what HSL values sit behind a particular orange, Carbide's Color Picker has the answer immediately.

How to use the Color Picker

Open Color Picker in Carbide.
Drag the Hue slider to choose your base colour.
Adjust the Saturation and Lightness sliders to dial in the exact shade you need.
Tap any of the HEX, RGB, or HSL values to copy it to your clipboard.
Browse the palette strip below to pick a lighter or darker variant of your colour.

Frequently asked questions

Can I enter a HEX code directly to see its RGB and HSL equivalents?: Yes. You can type or paste a HEX value directly into the HEX field and the sliders and other values will update instantly to match.
How do I copy a colour value to use it in my code or design tool?: Tap or click any of the HEX, RGB, or HSL values and it is copied to your clipboard immediately, ready to paste wherever you need it.
What are the palette variants shown below the main swatch?: The strip shows five lightness variants of your chosen hue — from very light to very dark — so you can quickly pick a matching tint or shade for a cohesive palette.
Does it work offline?: Yes. Once the Carbide page has loaded, Color Picker works fully offline. No network connection is needed to pick, convert, or copy any colour value.

Take Carbide everywhere

All 111 tools, offline, on iOS & Android — free.