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 Color (HEX/RGB/HSL/OKLCH)
HEX, RGB, HSL y el moderno OKLCH — al instante.
Comprobador de Contraste (WCAG)
Comprueba el contraste WCAG AA / AAA — pasa o falla.
Buscador de Colores Tailwind
La clase Tailwind más cercana para cualquier color HEX.
Selector de Color e Paleta de Imagen
Arrastra una imagen, extrae su paleta.
CSS generators
Layout & assets
Conversor de Unidades CSS
Convierte px, rem, em, pt y más.
Calculadora de Relación de Aspecto
Calcula relaciones y redimensiona dimensiones.
Redimensionador de Imagen
Redimensiona imágenes a dimensiones exactas en píxeles.
Compresor de Imagen
Reduce el tamaño del archivo de imagen con un clic.
Convertidor de Formato de Imagen
Convierte PNG, JPG y WebP — en tu navegador.
Generador de Favicon
Genera conjuntos completos de iconos de favicon y PWA.
Convertidor de SVG a PNG
Renderiza el marcado SVG a un PNG de alta resolución.
Vectorizador PNG a SVG
Vectoriza PNG, JPG o WebP a un SVG escalable.