Color Picker

Color Picker

Pick any color and copy its HEX, RGB or HSL value.

About the Color Picker

Our free color picker lets you choose any color and instantly see its HEX, RGB and HSL values, each with a one-click copy button. Designers, developers and bloggers use it to build palettes, match brand colors and grab exact values for CSS.

How to Use the Color Picker

  1. Click the color swatch to open your system's color picker, or click Random Color for inspiration.
  2. HEX, RGB and HSL values update live with a preview.
  3. Click Copy under any format to copy the value.

Color Formats Explained

  • HEX (#0d6efd): the standard 6-digit format used in CSS and design tools.
  • RGB rgb(13, 110, 253): red/green/blue channel values from 0–255.
  • HSL hsl(216, 98%, 52%): hue, saturation and lightness — intuitive for creating shades and tints.

Frequently Asked Questions

What is the difference between HEX, RGB and HSL?

They describe the same color three ways: HEX is compact for code, RGB maps to screen pixels, and HSL is easiest for humans to adjust.

Can I pick a color from an image?

This picker uses your system's native color dialog. For image eyedropper needs, use a screenshot tool or browser extension, then paste the HEX here for conversions.

Is it free?

Yes — unlimited use, no signup.