Generate shade and tint scales from any base color — 10-step ramps for design systems. Build hover states systematically — free, local, no signup.
Content reviewed October 2026 · About Toolzum
Design CSS borders visually — width, style, color, and radius with live preview and copy-ready code. Prototype a card border in 30 seconds — free, local, no signup.
Generate a fixed 6-color palette from a base color at set hue offsets (+30/+60/+120/+180/+210). Click any swatch to copy its HEX. Work never leaves your device — everything renders locally in your browser.
Design CSS gradients — linear, radial, conic — with multi-stop color control and live preview. Ship mesh-grade backgrounds from code — local generation, free, no signup.
Generate CSS transforms — rotate, scale, skew, translate — with live preview. Build hover effects without guessing syntax — local generation, free, no signup.
Build IP allowlist rules for firewalls, security groups, and app configs from CIDR lists. Generate AWS, Nginx, and htaccess formats — local, free, no signup.
Shades mix toward black (hover/darker states), tints toward white (backgrounds). A 10-step scale covers both directions from base.
Ten (50–900 like Tailwind) suits systems; five suffices for single components. Even perceptual steps beat even math.
Base-50 through base-900 numeric scale travels across tools. Names (light/lighter) break at scale.
No — generation runs locally in your browser. Nothing leaves your device.
Color Converter
Convert colors between HEX, RGB, and HSL with a type-and-convert text UI. Translate brand specs across formats — free, local, no signup.
Contrast Ratio Checker
Check any color pair's WCAG contrast ratio with AA/AAA verdicts for normal and large text. Prove 4.5:1 before shipping — free, local, no signup.
Color Palette Generator
Generate a fixed 6-color palette from a base color at set hue offsets (+30/+60/+120/+180/+210). Click any swatch to copy its HEX. Work never leaves your device — everything renders locally in your browser.