CSS & Design

Front-end work is full of small conversions and adjustments: turning a hex colour into RGB or HSL to tweak it, nudging lightness for a hover state, or reasoning about a value across colour spaces. These design tools convert colours between the common CSS notations with a live preview, expand shorthand and preserve alpha, and explain the details that matter — how #RGB shorthand expands, why HSL is easier to tune by hand than RGB, and where the sRGB gamut ends and newer spaces like OKLCH begin. They run instantly in the browser, so you can iterate on a palette without leaving the page or installing anything.