Your data is never sent to a server or stored anywhere. All processing happens in your browser.

Color Picker

Click a value to copy

R

0

G

0

B

0

How to Use

  1. Click the color swatch to open the browser's color picker.
  2. Or click 'Pick from Screen' to use the EyeDropper API and pick any color visible on your screen.
  3. Type a HEX code directly into the input field.
  4. View the color in HEX, RGB, and HSL formats below.
  5. Click any value to copy it to your clipboard.

About Color Formats

Colors on the web are represented in several formats. HEX uses a 6-digit hexadecimal code (#RRGGBB). RGB defines a color by its Red, Green, and Blue components (0-255 each). HSL describes color by Hue (0-360°), Saturation (0-100%), and Lightness (0-100%), which is often more intuitive for human perception.

Common Use Cases

  • Finding the exact color code from a website, image, or design mockup.
  • Converting between HEX, RGB, and HSL for CSS development.
  • Matching brand colors across different tools and platforms.
  • Selecting accessible color combinations with sufficient contrast.
  • Creating consistent color schemes for presentations or documents.

Tips

  • The EyeDropper API works in Chrome, Edge, and Opera — it lets you pick any pixel on screen.
  • HSL format is easiest to adjust manually — change Hue for different colors, Saturation for vibrancy.
  • Use the HEX format for CSS and design tools for the most compact representation.
  • RGB is commonly used in programming and image processing libraries.

Privacy

All color processing happens in your browser. No data is sent to any server.

FAQ

Which browsers support the 'Pick from Screen' feature?

The eyedropper uses the EyeDropper API, which works in Chrome, Edge, and Opera. In unsupported browsers you'll see "EyeDropper not supported in this browser," and you can still pick colors with the swatch or by typing a HEX code.

Is the screen color I pick sent to a server?

No. The EyeDropper returns only the picked pixel's color to the page, and both your screen contents and the color values are processed entirely locally. Nothing is sent to a server or stored.

Which formats is the color shown in?

Each picked color is shown simultaneously in HEX (#RRGGBB), RGB (0-255), and HSL (hue 0-360°, saturation, lightness). Click any value to copy it to your clipboard.

Can I type a HEX code directly?

Yes. Type a code into the HEX field and the swatch updates along with the RGB and HSL values. It's handy for quickly looking up the RGB or HSL form of a known color code.

How is this different from the color converter?

This tool focuses on grabbing a color from your screen (eyedropper) and viewing/copying it in three formats. If you need an alpha channel or fine slider control, the color converter is the better fit.