Design Systems
Paste Figma Tokens JSON, convert to CSS custom properties, SCSS variables, Tailwind theme config or flat JSON instantly.
Visually design layered CSS box shadows with live preview and code export.
Upload any image and instantly extract its dominant colors. Copy hex, RGB or HSL values, export as CSS variables, Tailwind config, or JSON.
Build CSS gradients visually — linear, radial and conic. Add stops, adjust angles, copy ready-to-use CSS with one click.
Convert colors between HEX, RGB, HSL, HSB, and CMYK with harmonies and tints/shades.
We use analytics cookies to improve your experience and understand how our site is used.
These cookies help us analyze traffic and optimize performance. No personal data is sold or shared.