Color Picker - Free Online Tool

Use the color swatch or enter a hex code to see RGB and HSL values. Copy any format with one click.

Pick a color
rgb(30, 144, 255)
hsl(210, 100%, 56%)

How to Use This Tool

  1. Click the color swatch or enter a hex code (e.g. #1E90FF).
  2. View the color preview and RGB/HSL values.
  3. Click Copy next to any format to copy to the clipboard.

Benefits of Using This Tool

  • Quick hex, RGB, and HSL values for design and code.
  • No signup; runs in your browser.
  • Copy the format you need for CSS or design tools.

When to Use Color Picker

  • Get RGB or HSL from a brand hex color.
  • Inspect colors from a design or screenshot.
  • Convert between hex and RGB/HSL for stylesheets.

FAQs

Is my color data sent to a server?

No. The picker runs entirely in your browser. Nothing is sent to a server.

What is HSL?

Hue (0–360), Saturation (0–100%), Lightness (0–100%). Useful for programmatic color adjustments.