Free Online Color Picker

Pick colors and convert between formats.

#000000
HEX #000000
RGB rgb(0, 0, 0)
HSL hsl(0, 0%, 0%)

About the Color Picker

This free online color picker lets you select any color visually and instantly get its value in HEX, RGB, and HSL formats. Click anywhere on the color canvas to pick a hue and shade, then copy the value you need with a single click.


You can also type a HEX code directly to convert between formats. Save your favorite colors to a palette stored in your browser's localStorage. All processing is 100% client-side — no data leaves your device.

How to Pick Colors

  1. Choose Hue: Click the rainbow bar to select a base hue.
  2. Refine Shade: Click the color canvas to adjust saturation and brightness.
  3. Or Type HEX: Enter a HEX code like #ff6600 to load a color directly.
  4. Copy Value: Click the copy button next to any format (HEX, RGB, HSL).

Color Format Reference

  • HEX: 6-digit hexadecimal notation used in CSS (#RRGGBB).
  • RGB: Red, Green, Blue channel values (0–255 each).
  • HSL: Hue (0–360), Saturation (0–100%), Lightness (0–100%).
  • Palette: Save and reuse colors across sessions.