Color Picker
Pick a color and copy it as HEX, RGB, HSL, or OKLCH.
RGB
HSL
Frequently asked questions
HEX (e.g. #ff6b35), RGB (e.g. rgb(255, 107, 53)), HSL (e.g. hsl(17, 100%, 60%)), and OKLCH — a perceptually uniform color space that produces more natural gradients than HSL.
OKLCH is a modern CSS color space (supported in all major browsers) where L is lightness (0–1), C is chroma (roughly saturation, 0–0.4), and H is hue (0–360°). Unlike HSL, equal steps in OKLCH produce equal perceived brightness changes, which makes it ideal for design systems and accessible color palettes.
The EyeDropper API is only available in Chromium-based browsers (Chrome, Edge, Arc). It is not supported in Firefox or Safari. The button is hidden entirely on unsupported browsers rather than showing a broken one.
The last 12 colors you copied are saved to your browser's local storage and shown below the picker. They persist across sessions on the same device and browser.
No. Everything runs in your browser. No data is sent to a server.