DevTools / Generators
Color Converter
Convert a color between HEX, RGB, and HSL formats — all three update live, with a color preview swatch.
Runs in your browser · No data uploaded
About this tool
Colors on the web can be represented in several formats: HEX (like #3B82F6) is compact and common in CSS; RGB (Red, Green, Blue) specifies intensity of each channel from 0-255; HSL (Hue, Saturation, Lightness) is often more intuitive for adjusting a color's shade or brightness.
FAQ
All three work in modern CSS. HEX is the most compact and widely used; HSL is often easier to reason about when creating color variations (lighter/darker shades of the same hue).