Color Picker Online — HEX, RGB, HSL

Click anywhere on the color spectrum to pick a color and get its HEX, RGB, and HSL values.

Summary

Click anywhere on the color spectrum to pick a color and get its HEX, RGB, and HSL values.

How it works

  1. Click or drag on the color canvas to select a hue
  2. Adjust saturation and brightness using the sliders
  3. Copy the HEX, RGB, or HSL value from the output panel

Use cases

  • Pick a specific color for a website design
  • Find the HEX code for a color you have in mind
  • Explore color relationships visually

Frequently Asked Questions

Last updated: 2026-07-01 · Reviewed by Nham Vu