Paste any colour value, HEX, RGB, HSL or OKLCH, and instantly see it in every other format. Useful when bridging design tools and CSS.
Round-trips between formats are lossless for in-gamut colours. We warn when an OKLCH value falls outside the sRGB gamut so you don't get surprised on display.
Designers receive brand guidelines in HEX. JavaScript canvas APIs want RGB. CSS developers increasingly prefer HSL for theme variables because adjusting --primary-light is one line. A converter eliminates manual lookup tables.
When pasting from Photoshop or Figma, watch for alpha channels. RGBA and HSLA include opacity. Standard HEX is six digits without transparency, eight digits with alpha on some platforms.
Some OKLCH values are outside the sRGB gamut. We clamp them to the nearest displayable sRGB colour and flag a warning so you know it happened.
No. HEX and 8-bit RGB are the same data in different notation, the round-trip is exact.
HSL is convenient but not perceptually uniform, two colours with the same L can look very different in brightness. OKLCH fixes this, which is why modern design systems are switching to it.
Not in this tool. The Color Picker keeps a history of recent colours, which is the closest workflow today.