Color Picker

Pick a color and get HEX, RGB, and HSL values

HEX #7b8cff
RGB rgb(123, 140, 255)
HSL hsl(232, 100%, 74%)

Recent Colors

Pick a color to start building history

About This Tool

Pick any color visually and get its exact code in HEX, RGB, or HSL. A visual color selection tool for designers and developers who need precise color values for their projects.

How to Use

  1. Click anywhere on the color gradient to select a hue and saturation.
  2. Adjust the brightness slider to fine-tune your selection.
  3. Copy the color code in your preferred format.

Frequently Asked Questions

How do I find the exact color code from an image?

Use your browser's built-in eyedropper tool or take a screenshot, then match the color visually in the picker to get close HEX/RGB values.

What color format should I use for CSS?

HEX (#FF5733) is most common for CSS. Use RGB when you need opacity (rgba), and HSL when you want to programmatically adjust hue or saturation.