Online color picker (HEX, RGB, HSL)
HEX
#0EA5E9RGB
rgb(14, 165, 233)HSL
hsl(199, 89%, 48%)Use the picker to choose a color and copy the code in HEX, RGB and HSL formats with one click.
What it is for
The color picker is a visual selector where you choose a color from the palette and get the code ready to use in HEX, RGB and HSL formats. Instead of guessing values, you click the color you want and copy the code with one click.
It is the fastest way to grab a color for a design project, a CSS rule or a brand visual identity.
When to use
- Pick colors for a website or app and copy the HEX straight into CSS.
- Build a brand visual identity palette with consistent tones.
- Get the exact RGB or HSL value of a color to use in image editors.
- Test color combinations quickly before applying them in your project.
How to use
- Drag on the visual selector to the color you want.
- See the code in HEX, RGB and HSL formats at the same time.
- Click to copy the format you need.
Limitations
The picker works with colors in the standard screen RGB space, without advanced color profiles or CMYK for printing. Colors may vary slightly between monitors. Everything runs in the browser, with nothing sent to servers.
Frequently asked questions
- Can I copy the color in more than one format?
- Yes. The picker shows HEX, RGB and HSL at the same time, and you copy the format you need with one click.
- Is the color I see exactly what I will print?
- The picker uses the screen RGB space. For printing, which uses CMYK, there may be a difference, so check a proof before printing.
- Does the tool send anything to servers?
- No. Color selection happens entirely in your browser.