Pick colors with HEX, RGB, HSL, OKLCH outputs.
Updated
HSV unit: H°, S%, V% · HWB: H°, W%, B%
Quick start
Pick with the system dialog, sample from your screen or tweak with sliders. Copy HEX, RGB, HSL, HSV, HWB or OKLCH.
Click the swatch for the system picker, or hit Eyedropper to sample any pixel on your screen.
Drag RGB or HSL sliders for precise nudges — useful for matching brand colours to within a few units.
Six formats shown live; click Copy on whichever your codebase or design tool expects.
In-depth guide
Pick a color with the system picker or sample one from your screen with the EyeDropper API. See its value in HEX, RGB, HSL, HSV, HWB and OKLCH simultaneously. Adjust with RGB or HSL sliders for precise tweaks. All in your browser.
The RGB and HSL sliders also let you nudge precisely — useful for matching a brand colour to within a few units.
| Format | Best for |
|---|---|
#4ade80 | CSS, design tools, copy-paste anywhere. |
rgb(74 222 128) | CSS variables, programmatic generation. |
hsl(140 71% 58%) | Designers tweaking lightness or saturation by hand. |
oklch(0.83 0.18 145) | Modern design systems where perceptual uniformity matters. |
hwb(140 29% 13%) | Creating tints / shades — bump whiteness or blackness. |
No. Picking, sampling and conversion all run in your browser. The system colour picker uses the native dialog; the EyeDropper API works locally too.
It opens a system-wide colour sampling cursor (where supported) so you can click any pixel on your screen to grab its colour. Currently works in Chrome 95+, Edge 95+, and Opera. Safari and Firefox don't support it yet.
HEX/RGB describe the same sRGB triple; HSL and HSV are different cylindrical re-mappings of RGB; HWB is hue-whiteness-blackness, easier for tints/shades; OKLCH is perceptual — equal numeric distances feel equally different. Designers increasingly prefer OKLCH for palettes.
Saturation is meaningless when lightness is 0 or 100 — pure black and pure white have no hue. Pull lightness toward 50 to see a vivid colour.
The current build focuses on opaque colours. Alpha can be added by pasting an rgba() or 8-digit hex into the HEX field — internal storage keeps the channel.
OKLCH coordinates aren't capped at 100 — chroma can exceed 0.4 for vivid colours, and lightness goes 0-1. Values get clamped on conversion back to displayable sRGB.
Keep exploring
Hand-picked utilities that pair well with the one you're on — all free, client-side, and zero-signup.
Shrink PDF file size without uploading to a server.
Combine multiple PDFs into one in your browser.
Split a PDF by pages or page ranges, download as zip.
Convert JPG, PNG and WebP into a single PDF, locally.