Curated for designers
A hand-picked subset of the catalog.
Built for designers — pixel-perfect, private, instant.
Convert colors, check WCAG contrast, build gradients, shadows and easing curves, sample palettes from images, and clean up assets — all client-side.
Why this set
Designers move between Figma, the browser DevTools panel, and the codebase all day. This set replaces the dozen tabs you'd otherwise keep open: a color converter that speaks HEX/RGB/HSL/OKLCH, accessible contrast checking, CSS generators that output copy-paste ready code, and image utilities that compress without re-uploading sensitive comps to a third-party host.
Color
Conversor de Cores (HEX/RGB/HSL/OKLCH)
HEX, RGB, HSL e o moderno OKLCH — instantaneamente.
Verificador de Contraste (WCAG)
Verifique o contraste WCAG AA / AAA — aprovado ou reprovado.
Localizador de Cores Tailwind
Classe Tailwind mais próxima para qualquer cor HEX.
Seletor de Cores e Paleta de Imagens
Largue uma imagem, extraia a sua paleta.
CSS generators
Layout & assets
Conversor de Unidades CSS
Converta px, rem, em, pt e mais.
Calculadora de Rácio de Aspeto
Calcule rácios e redimensione dimensões.
Redimensionador de Imagens
Redimensione imagens para dimensões exatas em pixels.
Compressor de Imagens
Reduza o tamanho do ficheiro de imagem com um clique.
Conversor de Formato de Imagem
Converta PNG, JPG e WebP — diretamente no seu navegador.
Gerador de Favicon
Gere conjuntos completos de favicons e ícones PWA.
Conversor de SVG para PNG
Renderize a marcação SVG para um PNG de alta resolução.
Vetorizador PNG para SVG
Vetorize PNG, JPG ou WebP em um SVG escalável.