Skip to content
QuickToolio
esEspañolenEnglishptPortuguêsfrFrançaisdeDeutschitItaliano

Online color picker

Pick a color visually using the browser's native picker and instantly get its HEX, RGB and HSL value.

Processed on your device. Nothing is sent to any server.

Pick a color to see its values.

HEX

#0B6E63

RGB

rgb(11, 110, 99)

HSL

hsl(173, 82%, 24%)

Uses the browser's native type="color" input and automatically calculates its equivalents in the three most common CSS color formats.

Use cases

  • Quickly picking a color and copying its CSS code.
  • Visually exploring different shades.
  • Getting all three formats of the same color at once.

How it works

  1. 1

    Open the picker

    Click the color swatch to open the native picker.

  2. 2

    Copy the format you need

    Copy the HEX, RGB or HSL value with one click.

Frequently asked questions

What formats does it offer?

HEX, RGB and HSL simultaneously, each with its own copy button.

How is it different from the random color generator?

This picker is for choosing a specific color yourself, visually; if you want a random color with one click, use the random color generator instead.

Does it work on mobile?

Yes, it uses the system's native color picker, which opens as the usual iOS or Android color picker on mobile.

Is the chosen color sent to a server?

No, all format calculations happen in your browser.

Related tools

← Colors & design