Pick any color and get its HEX, RGB, HSL and OKLCH values instantly, each ready to copy. Free color converter that runs in your browser.
How the color picker works
Every format describes the same color from a different angle. HEX and RGB store the raw red, green and blue channels your screen mixes. HSL re-expresses those channels as hue (position on the color wheel), saturation and lightness — much easier to reason about when tweaking a shade. OKLCH is the modern CSS color space: its lightness matches how bright a color actually looks to the eye, so two colors with the same OKLCH lightness feel equally bright. The conversion to OKLCH linearizes the sRGB channels, maps them through the OKLab matrices, then expresses the result as lightness, chroma and hue.
#1e90ff → rgb(30, 144, 255) → hsl(210, 100%, 56%) → oklch(…)Frequently asked questions
Is the color I pick sent anywhere?
No. All conversions run locally in your browser — nothing is sent to a server, logged or stored. Only the hex value appears in the page URL so you can share or bookmark a color.
What is OKLCH and why should I use it?
OKLCH is a perceptually uniform color space supported in modern CSS. Unlike HSL, where a yellow and a blue with the same lightness value can look wildly different in brightness, OKLCH lightness tracks perceived brightness. That makes it the best choice for building color palettes and design tokens where consistent contrast matters.
Which hex formats are accepted?
Both 3-digit shorthand (#f0f) and full 6-digit hex (#ff00ff), with or without the leading #, in upper or lower case. Shorthand expands each digit, so #f0f is exactly #ff00ff. Invalid input shows an error instead of guessing.
Last updated: 8 July 2026
More tools
Runs entirely in your browser — nothing you enter is uploaded. ColorMint · MintKit