Design Tools
10 tools · 100% client-side · free, no signup
Color Palette
Extract dominant colors from any image. Click to copy hex codes.
Color Converter
Convert between HEX, RGB, HSL, CMYK. Pick and copy any format.
CSS Generator
Generate box-shadow, gradient, and glassmorphism CSS with live preview.
Contrast Checker
Check WCAG color contrast ratios. Ensure accessible text.
Glass Card Builder
Design glassmorphism cards with blur, gradients, and live preview.
Aspect Ratio Calculator
Calculate resolutions and dimensions matching standard ratios.
Pattern Generator
Create geometric and organic CSS/SVG seamless background patterns.
Blob Generator
Generate beautiful organic SVG shapes using custom Bezier curves.
Font Tester & Pairing
Preview Google Fonts pairings, spacing, and styles dynamically.
Gradient Generator
Build linear & radial gradients with live preview. Copy CSS.