HEX, RGB and HSL
- HEX (#FF5A1F) is the most common format in CSS and design apps.
- RGB (255, 90, 31) gives the amount of red, green and blue from 0 to 255.
- HSL (hue, saturation, lightness) is handy for making lighter or darker versions of a color.
Turn a picked color into a full palette with the color palette generator, or check text contrast in the color converter.
Frequently asked questions
How do I get the color code of something in a picture?
Open the image and click the spot. The color appears as HEX, RGB and HSL; click a code to copy it. The magnifier helps you hit exactly the right pixel.
Can I pick colors from a screenshot?
Yes. Take a screenshot, then paste it here with Ctrl+V (⌘+V on a Mac), or save it and choose the file.
How are the main colors found?
The image is scaled down and similar colors are grouped together. The groups covering the largest areas are shown, most common first.
Is my image uploaded?
No. Colors are read in your browser.