Herramientas de Diseño — Gratis en línea

13 herramientas

Herramientas de diseño y CSS: selectores de color, constructores de degradados, generadores de sombras y utilidades CSS.

Verificador de Contraste WCAG y APCA

Verifica accesibilidad de colores con ratios WCAG 2.1 y puntuaciones APCA modernas con simulación visual en tiempo real.

Generador de Animaciones CSS

Diseña animaciones de fotogramas clave de alto rendimiento visualmente con vistas previas en vivo y controles de suavizado.

Generador de Border Radius CSS

Crea radios de borde CSS avanzados de 8 puntos visualmente. Diseña círculos, formas orgánicas y figuras elaboradas.

Generador de Box Shadow CSS

Diseña sombras CSS multicapa avanzadas visualmente con vistas previas en tiempo real y soporte inset.

Generador de Filtros CSS

Aplica filtros CSS en tiempo real como desenfoque, contraste y brillo a imágenes con vistas previas en vivo y exportación de código.

Generador de Flexbox CSS

Diseña layouts flexibles visualmente con un sandbox interactivo para propiedades de contenedor y elementos.

Generador de Grid CSS

Diseña layouts 2D complejos visualmente. Arrastra para crear áreas de cuadrícula, ajusta pistas y exporta CSS limpio.

Conversor PX a REM

Conversor bidireccional px/rem con coincidencia Tailwind CSS, generador de tipografía fluida clamp() y conversión CSS por lotes.

Conversor de SVG a CSS

Convierte iconos SVG a URIs de datos CSS optimizados con formatos de salida background-image, mask-image y Tailwind.

Generador de Favicon

Genera favicons desde texto, emoji o imágenes en formatos ICO, PNG, SVG y paquete PWA con soporte de modo oscuro.

Generador de Degradados CSS

Crea degradados CSS atractivos con editor visual que soporta tipos lineal, radial y cónico con interpolación OKLCH y superposición de textura granulada.

Generador de Paletas de Colores

Genera paletas de colores armoniosas en OKLCH con seis modos de armonía, matriz de contraste WCAG y exportación CSS/Tailwind/JSON.

Selector de Colores

Selecciona colores con un lienzo HSV interactivo, convierte entre HEX, RGB, HSL y OKLCH, y verifica ratios de contraste WCAG contra blanco y negro.