Design gradients and color palettes visually
The CSS Gradient Generator lets you design linear and radial gradients by adjusting stops, colors and angles visually, then copy the finished CSS — no more editing gradient syntax blind and reloading to see the effect. The output is plain CSS with no dependencies, so it drops into any stylesheet, component library or email template. Writing linear-gradient() from memory is possible; watching the gradient update as you drag a stop is simply faster, especially when you are trying to match a design mockup by eye.
The Color Palette Generator takes any base color and produces shades, tints, complementary and analogous palettes — a quicker route to a consistent scheme than eyeballing variations of a brand color one at a time. The Hex to RGB Converter translates between hex, RGB and HSL with a live swatch, which earns a permanent tab whenever a design tool hands you one format and your code expects another, or when you want a color in HSL specifically so you can adjust its lightness in a predictable way.
Minify CSS and measure the savings
The CSS Minifier strips comments, line breaks and redundant whitespace from a stylesheet and reports the size saving up front, so you can judge whether minification belongs in a build step or is fine to run by hand for a small site. It changes only the file’s size, never its behavior — every selector and declaration survives intact. And like everything else in this category, the processing happens locally in your browser: your stylesheet is never uploaded to a server to be minified.