Home » Design Tools
Free Design Tools
Pick colors, build gradients and shadows, generate palettes, and check accessibility contrast — all with live previews, right in your browser. No sign-up, completely free.
Color Picker
Pick a color and get its HEX, RGB, and HSL codes instantly.
Gradient Generator
Build linear or radial CSS gradients with a live preview.
CSS Box-Shadow Generator
Adjust offset, blur, spread, and color with sliders, live preview.
Color Palette Generator
Generate a coordinated palette from any base color.
Contrast Checker
Check text/background contrast against WCAG AA/AAA standards.