Color Picker

Pick and adjust colors visually

Color Picker

HEX
RGB
HSL

hsl(0, 100%, 50%)

What is Color Picker?

Pick any color visually and grab its hex, RGB, and HSL values. Click or drag to find the right shade, then copy the code you need.

How to use

  1. Click on the color area or drag the selector to find your desired color
  2. Fine-tune using the hue slider and optional opacity control
  3. Copy the hex, RGB, or HSL value with one click

Result

Select a warm orange and get #E67E22, rgb(230, 126, 34), hsl(28, 80%, 52%).

Related Tools