Design Tools

About Design Tools

Design Tools is a free, open-access collection of 6 utilities built for speed and privacy. Every tool runs entirely in your browser — no data is ever sent to our servers, logged, or stored.

Our Philosophy

  • Local-first: All computation happens on your device using browser APIs.
  • No login required: Open a tool, use it, done.
  • No tracking of inputs: Your data stays on your machine.
  • Fast: Static pages with no server round-trips.

Available Tools

  • Color Converter — Convert colors between HEX, RGB, and HSL formats instantly.
  • CSS Gradient Generator — Create linear and radial CSS gradients with a visual editor.
  • CSS Box Shadow — Generate CSS box shadow styles with live preview.
  • Color Palette Generator — Generate harmonious color palettes from a base color.
  • Contrast Checker — Check WCAG color contrast ratio for accessibility compliance.
  • Opacity Converter — Convert hex opacity values to CSS rgba percentages and back.

Quality Policy

Each tool is tested against common edge cases. We prioritize correctness over feature bloat. If you find a bug, please contact us so we can fix it promptly.