Color Picker
Pick any color and instantly get its HEX, RGB and HSL values, ready to copy into your designs or code.
Color models explained
Colors on screens are usually described in one of three ways. HEX packs the red, green and blue amounts into a short code. RGB lists each channel from 0 to 255. HSL describes the hue (angle on the color wheel), saturation (intensity) and lightness, which makes it easy to create shades and tints.
Frequently asked questions
What is a HEX color?
A HEX color is a six-digit hexadecimal code (e.g. #7C3AED) representing the red, green and blue components of a color on a 0–255 scale.
What is the difference between RGB and HSL?
RGB mixes red, green and blue light directly. HSL describes a color by its hue, saturation and lightness, which is often more intuitive for designers.
Can I copy the color values?
Yes — tap the copy icon next to any value (HEX, RGB or HSL) to copy it to your clipboard.