ع

Color Picker

Pick any color visually and get its HEX, RGB and HSL codes instantly.

RGB
HSL

About the Color Picker

Choose a color from the saturation and hue area or type a value directly. Every format updates together, so you always copy consistent codes.

How to use it

  1. Drag inside the large square to set saturation and brightness.
  2. Use the hue slider to change the base color.
  3. Or type a HEX, RGB or HSL value into any field.
  4. Click a copy button to copy the format you need.

Examples

  • Find the exact HEX code of a shade you have in mind for a logo.
  • Convert a brand HEX color into HSL to build lighter variants.

Frequently asked questions

Are the values exact?
Yes. HEX, RGB and HSL are converted with standard sRGB formulas; HSL values are rounded to whole numbers for display.
Can I use the eyedropper?
If your browser supports the EyeDropper API (Chrome and Edge on desktop), an eyedropper button appears so you can sample any color on your screen.
Is anything sent to a server?
No. The picker runs entirely in your browser.

Related tools

HEX to RGB ConverterConvert HEX to RGB and RGB to HEX accurately, with validation.Shades GeneratorGenerate tints, tones, lighter and darker shades and saturation variations.Color Name FinderFind the closest named color in the Color Atlas collection.