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.