Color Picker

Pick and convert colors

HEX

#3b82f6

RGB

59,130,246

Input

About Color Picker

Color Picker lets you pick a color with your browser's native color picker or type a hex code directly, and shows the matching HEX and RGB values, entirely client-side. It converts any standard 6-digit hex code (with or without a leading #, either case) to RGB; it doesn't accept 3-digit shorthand hex or named CSS colors like 'red' for the RGB conversion, and there's no image upload, URL input, or HSL/CMYK display.

How to use Color Picker

1Click the color swatch to open your browser's native color picker, or type a hex code directly into the Input box.
2The large preview box updates instantly to show the selected color.
3Read the matching HEX and RGB values in the cards below.
4Click 'Copy' under HEX or RGB to copy that value to your clipboard.

Frequently Asked Questions

What color formats does Color Picker support?

HEX and RGB. There's no HSL, HSLA, or CMYK conversion, and no RGBA/alpha channel.

Can I extract colors from an image?

No — there's no image upload, URL input, or eyedropper for sampling colors from a picture or webpage.

Is Color Picker free to use?

Yes, it's completely free with no signup required.

Can I type a color name or 3-digit hex code?

You can type it, and the preview swatch will still render it correctly since browsers understand those formats — but the RGB conversion only recognizes full 6-digit hex codes, so it will show blank for shorthand hex or named colors like 'red'.

Tips & Tricks

✓Use the native color picker (click the swatch) for the easiest way to browse and select a color visually.
✓Type a full 6-digit hex code (e.g. 3b82f6 or #3B82F6) in the Input box if you already know the exact color you want — the leading # is optional and case doesn't matter.
✓If the RGB card looks empty, check that you entered a full 6-digit hex value rather than a 3-digit shorthand or color name.
✓There's no save or palette feature, so copy each value you need before navigating away.