Color Picker
Pick a colour and copy its HEX, RGB and HSL values.
How to use Color Picker
- Click the colour box to open your browser colour picker, or type a HEX code.
- Read the HEX, RGB and HSL values for the selected colour.
- Click Copy next to the format you need. In supported browsers you can also pick a colour from anywhere on your screen.
About Color Picker
A colour can be written in several formats. HEX (#0f766e) is common in CSS and design tools, RGB (rgb(15, 118, 110)) gives the red, green and blue amounts, and HSL (hsl(175, 77%, 26%)) describes hue, saturation and lightness, which is often easier to adjust by hand.
This tool converts between them instantly. Values are rounded to whole numbers, so converting back and forth can differ by a small amount. The picker works with opaque colours and does not include transparency.
Features
- HEX, RGB and HSL values with one-click copy
- Type a 3- or 6-digit HEX code
- Pick from screen where the browser supports it
- Large preview swatch
Frequently asked questions
What is the difference between HEX, RGB and HSL?
They describe the same colour in different ways. HEX and RGB both mix red, green and blue, while HSL uses hue, saturation and lightness, which makes it easier to create lighter, darker or more muted versions.
Why is "Pick from screen" missing?
It relies on the EyeDropper feature, which is available in Chromium-based browsers such as Chrome and Edge. In other browsers use the colour box or type a code.
Does it support transparency?
No. It handles solid colours only, without an alpha value.
Related tools
CSS Gradient Generator
Design linear and radial CSS gradients visually and copy the code.
QR Code Generator
Create QR codes for text, URLs, email, phone numbers and WiFi, then download them.
Password Generator
Generate strong random passwords with the length and characters you choose.
Image Cropper
Crop images freely or to a fixed aspect ratio and download the result.