Convert between every common color format. Pick a conversion to see the formula, examples, and a side-by-side reference table.
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.
Download Colorframe and start managing colors palettes in seconds.