Tools › Developer Tools › Color Picker

Color Picker

Pick any color and instantly get the HEX, RGB, and HSL values. Copy any format in one click. Free — everything runs in your browser.

HEX #3b82f6
RGB rgb(59, 130, 246)
HSL hsl(217, 91%, 60%)
Recent colors
Pick a color to start your history.

About Color Picker

Color Picker is a free browser-based tool that shows the HEX, RGB, and HSL representations of any color instantly. Click the color swatch to open your browser's native color dialog, or type a hex code directly into the input. Every change updates all three formats in real time so you never have to convert manually.

One-click copy buttons make it fast to paste the right format wherever you need it — whether that's a CSS rule, a Figma fill, a design token, or a color argument in code. The recent colors strip keeps your last five picks so you can compare swatches or revisit a color without undoing your work.

Common use cases

  • Find the RGB or HSL equivalent of a brand HEX code.
  • Convert a designer's Figma color to the CSS format your stylesheet uses.
  • Explore a color's hue, saturation, and lightness properties for programmatic adjustments.
  • Pick a background color for a UI prototype and immediately copy it as a CSS value.
  • Verify that two visually similar colors have identical HEX values.

Frequently asked questions

Is the color picker free?

Yes. The color picker is completely free with no account, no limits, and no ads obscuring the tool. All color conversion runs in your browser.

What color formats does the tool show?

HEX (hexadecimal), RGB (red, green, blue), and HSL (hue, saturation, lightness). These are the three formats used most often in CSS, design tools like Figma, and image editors.

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

HEX is a compact 6-digit code like #FF5733 used widely in web design. RGB expresses a color as three 0–255 values for red, green, and blue intensity. HSL expresses a color as hue (0–360°), saturation (0–100%), and lightness (0–100%), which makes programmatic color adjustments more intuitive.

Does the tool store my color history?

The recent-colors strip stores your last 5 picks in your browser's session storage. The history clears automatically when you close or leave the page — nothing is ever sent to a server.

Does the color picker work on mobile?

Yes. On mobile browsers the native color picker opens when you tap the color swatch. You can also type a HEX code directly into the text field. The Copy buttons work on all modern mobile browsers that support the Clipboard API.