Pick any color and get instant HEX, RGB, HSL, and RGBA values. Adjust with sliders and copy formats with one click.
Color Breakdown
Frequently Asked Questions
HEX is a hexadecimal notation for RGB colors, written as #RRGGBB. Each pair represents red, green, or blue intensity from 00 (none) to FF (maximum). It is the most common color format on the web.
RGB (Red, Green, Blue) defines colors by mixing light channels. HSL (Hue, Saturation, Lightness) is more intuitive: hue is the color (0-360 on the wheel), saturation is how vivid it is, and lightness is how bright. HSL is easier for humans to reason about.
HEX is compact for stylesheets. RGB is useful when you need alpha transparency (rgba). HSL is best when you need to programmatically adjust colors — changing lightness or saturation is straightforward. All three represent the same colors.
OKLCH is a modern perceptually uniform color space. Unlike HSL where equal lightness values look different to the human eye, OKLCH ensures consistent perceived brightness. It is supported in modern CSS via oklch() and is increasingly used in design systems.