Color picker

Pick a color with the visual picker, or type its code: the HEX, RGB, HSL, HSV and CMYK values update instantly, ready to copy. Your last 12 colors stay in the history.

Everything stays in your browser: the history is saved only on your device.

What a color picker is for

When you're putting together a graphic, a slide deck or a website theme, the hard part isn't imagining the color, it's turning it into an exact code you can reuse everywhere. With the picker you choose the shade by eye and get the code right away in five formats: HEX, RGB, HSL, HSV and CMYK. It works the other way round too: type a code in the field and the picker moves to that color. The history saves you from the classic "what was that perfect orange from before?" moment: your last 12 colors stay one click away even after you close and reopen the page, saved on this device only.

Which format to copy

It depends on where you need it. For CSS, Canva, Figma or PowerPoint, HEX is almost always the right call and the shortest to paste; with 8 digits it carries the transparency too. RGB is handy when you need to set the channels one by one. HSL is perfect for consistent variations: keep the same hue and change only saturation or lightness. HSV is the format of the pickers in Photoshop and GIMP, and CMYK gives you an idea of the print (for a real print job, ask the printer for their profile).

Decimals show up only when they're needed so that the row, read back, gives exactly this color: the gray #7f7f7f comes out as hsl(0, 0%, 49.8%), because hsl(0, 0%, 50%) would already be #808080. The codes use a dot for decimals, the way stylesheets want them. CMYK can also be written as fractions from 0 to 1, the way many programs export it: cmyk(0, 0.46, 0.64, 0) means cmyk(0%, 46%, 64%, 0%). They count as fractions only if no value has a percent sign and all four are between 0 and 1; otherwise they are percentages.

Four pages, two jobs

Color picker and Color converter are the same tool with two ways in, the typed code and the picker: the same color gives the same rows on both pages. For random colors there are Random Color and Palette generator, which are the same generator with one color or five.

Related tools