Color format converters

HEX → RGB

HEX and RGB are two ways of writing the same sRGB color. HEX uses three pairs of hexadecimal digits (#RRGGBB); RGB uses three decimal channels from 0–255.

RGB → HEX

RGB and HEX represent the same sRGB color. HEX is the format used in HTML and CSS; RGB is more common in design tools and image processing.

HEX → HSL

HSL describes color the way humans naturally think about it — hue (which color), saturation (how vivid), and lightness (how bright).

HEX → OKLCH

OKLCH is a newer CSS color space that's perceptually uniform: equal numerical changes in lightness, chroma, or hue feel like equal visual changes. HEX is sRGB-based and not perceptually uniform.

OKLCH → HEX

OKLCH is the modern, perceptually uniform CSS color space. HEX is the legacy format used everywhere on the web. Converting OKLCH to HEX makes designs portable to older tools.

RGB → HSL

RGB describes a color by its red, green, and blue channels. HSL describes the same color by hue, saturation, and lightness — closer to how designers actually think about color.

HSL → RGB

HSL is the perceptual format; RGB is what your screen actually renders. Converting HSL to RGB is the standard step before sending color to a canvas, image buffer, or older CSS engine.

RGB → OKLCH

RGB is device-oriented (it describes what the screen does); OKLCH is human-oriented (it describes what the eye perceives). Converting between them is the foundation of modern design tokens.