Design + Dev Utilities
Color palettes, font pairings, CSS generators, and image tools. Free, instant, no login.
Input one color, generate analogous, complementary, and triadic palettes. Export to CSS, Tailwind, or JSON.
Instantly convert between HEX, RGB, HSL, and CMYK. One-click copy for all formats with input validation.
Check text vs background readability. WCAG AA and AAA results with safe color suggestions for any combination.
Build linear and radial CSS gradients with angle control and multi-stop editing. Copy production-ready CSS instantly.
Upload any image and extract dominant colors as a palette. Output includes HEX and RGB values with download option.
Generate a full 50–950 Tailwind color scale from a single base color. Export a ready-to-paste tailwind.config.js.
Get curated heading and body font combinations from Google Fonts with a live preview of your actual content.
Build complex box shadows with multiple layers visually. Adjust blur, spread, offset, and opacity. Copy CSS in one click.
Upload a logo or image and get a complete favicon package with all required sizes. Download as a ZIP archive.
Generate random organic blob shapes for landing pages and backgrounds. Adjust complexity and smoothness. Export SVG.