About This Tool
The Color Picker lets you visually select any color and instantly get its HEX, RGB and HSL values for use in your designs and code.
Frequently Asked Questions
What is the difference between HEX, RGB and HSL?
HEX is a hexadecimal color code, RGB defines color by red/green/blue intensity, and HSL defines color by hue, saturation and lightness — all represent the same color in different formats.
Can I type a HEX code directly?
Yes, most browsers allow typing a HEX value directly into the native color picker input.
Which format should I use in CSS?
All three formats work in modern CSS — choose whichever is most convenient for your design workflow.