Can I pick a color from anywhere on my screen, not just the page?

Yes, on supported browsers the eyedropper uses the OS-level EyeDropper API, which can sample any pixel on your screen, not just within the browser window.

Does it support newer color spaces like OKLCH?

Yes, alongside HEX/RGB/HSL it converts to and from OKLCH, OKLAB, LCH, and CMYK.

Color Picker

Pick, convert, and copy any color.

Runs in your browser

Shades

Tints

Tones

Contrast

on white3.7:1 ✗AA

on black5.7:1 ✓AA

Palette Generator

Contrast Checker

About

Color Picker converts a color between HEX, RGB, HSL, HSB, OKLCH, OKLAB, LCH, and CMYK simultaneously, so changing one updates all the others live, and includes an OS-level eyedropper to sample any pixel on your screen, not just the page. It also generates shade, tint, and tone ramps from your chosen color and finds the nearest named CSS color. Nothing about the colors you pick is sent anywhere.

Frequently asked

Can I pick a color from anywhere on my screen, not just the page?: Yes, on supported browsers the eyedropper uses the OS-level EyeDropper API, which can sample any pixel on your screen, not just within the browser window.
Does it support newer color spaces like OKLCH?: Yes, alongside HEX/RGB/HSL it converts to and from OKLCH, OKLAB, LCH, and CMYK.