Tools/Code & Developer/Color Picker

Color Picker

Pick colors and get their codes.

100% on device · 0 uploads

Pick a Color:

HEX Code:

RGB Code:

01 · Unlimited

Use it as many times as you want — completely free.

02 · Private

Your files never leave your device; everything runs in your browser.

03 · Fast

Processing happens locally and finishes in seconds.

How to Pick and Convert Colors

Choose a color

Drag the picker or enter a value to select any color.

Read every format

See HEX, RGB, HSL and more update together instantly.

Copy the code you need

One click copies the format your project uses.

Why Use This Color Picker?

✓HEX, RGB and HSL side by side

✓One-click copy in any format

✓Live preview of the exact color

✓Free and instant, no sign-up

Frequently Asked Questions

Which color formats are shown?+

HEX (#RRGGBB) for CSS and design tools, RGB for most graphics software, and HSL — which makes creating lighter/darker variants intuitive by adjusting one number.

What's the difference between HEX and RGB?+

They describe the same color differently: HEX is compact for code, RGB is explicit about red/green/blue channels. The tool shows both so you copy whichever your context wants.

Why is HSL useful for designers?+

HSL separates hue, saturation and lightness — so building a palette or a hover state means nudging lightness alone, instead of guessing new HEX values.

Does it support transparency?+

The core formats cover opaque colors; for alpha, append the opacity in your CSS (e.g. rgba or an 8-digit HEX).