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.
Color ConverterConvert colors between HEX, RGB and HSL in your browser with a live swatch. Handles alpha, #RGB shorthand and rgb()/hsl() syntax — private and free.CSS Box Shadow GeneratorGenerate CSS box-shadow code with a live preview. Set offset, blur, spread, color and inset with sliders, then copy the ready-to-paste declaration.CSS Gradient GeneratorBuild CSS linear and radial gradients with a live preview. Add color stops, set the angle, and copy the ready-to-use background declaration instantly.