Loading the interactive tool… It runs in your browser — if it doesn't appear, enable JavaScript.
Paste a color in any common format — #1a8cff, rgb(26, 140, 255), hsl(210, 100%, 55%) — or use the visual picker, and get the same color in HEX, RGB, HSL and OKLCH with one-click copy. OKLCH is included because modern CSS color work increasingly uses it: it's perceptually uniform, so adjusting lightness or chroma behaves predictably.
Frequently asked questions
What is OKLCH and why would I use it?
OKLCH expresses color as perceptual lightness, chroma and hue. Unlike HSL, equal steps in OKLCH look like equal steps to the eye, which makes it much better for building color scales — and it's now supported in all modern browsers via CSS oklch().
What's the difference between HEX and RGB?
They encode the same thing — red, green and blue channels. #1A8CFF is just rgb(26, 140, 255) written in hexadecimal. Use whichever your tool or codebase prefers.
Does this support alpha/transparency values?
Input parsing accepts rgba()/hsla() but conversion works on the opaque color; append your alpha to the output manually (e.g. #1a8cffcc or oklch(... / 0.8)).