← Back to all tools

Developer Tool

Color Picker

Pick any color and instantly convert between HEX, RGB and HSL. Copy any format with one click.

#3B82F6
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
R59
G130
B246

Popular colors

About this color picker

This free online color picker lets you choose any color and instantly see its HEX, RGB and HSL values. Use the native color picker or click any popular color swatch. Copy any format to your clipboard with a single click — perfect for web design, CSS, graphic design and development work.

How to use

  1. Click the color swatch to open your browser's native color picker.
  2. Or click any color in the popular colors palette.
  3. Your color is shown in HEX, RGB and HSL format instantly.
  4. Click Copy next to any format to copy it to your clipboard.

Frequently asked questions

What is a HEX color code?
▾
A HEX color code is a 6-digit hexadecimal number (e.g. #FF5733) that represents a color by combining red, green and blue values from 00 to FF.
How do I convert HEX to RGB?
▾
Split the HEX code into three pairs and convert each from base-16 to base-10. This tool does it instantly.
What is HSL?
▾
HSL stands for Hue, Saturation and Lightness — a more intuitive way to describe colors for humans.
Can I copy the color code with one click?
▾
Yes. Each format has a Copy button that copies the value to your clipboard instantly.
Is this color picker free?
▾
Yes, completely free. No sign-up, no download, and no ads.