Herramientas online gratuitas
Diseño y color
Explora 12 herramientas de Diseño y color y completa tareas rápidamente en tu navegador.
Generador de diseño CSS Flexbox y Grid
Configura y previsualiza maquetaciones CSS Flexbox y Grid visualmente, visualiza animaciones y copia el código CSS.
Generador de paletas de colores
Genera combinaciones cromáticas armoniosas a partir de un color principal con exportación en HEX y RGB.
Optimizador y limpiador de SVG
Optimiza y comprime código SVG localmente eliminando metadatos y etiquetas redundantes con vista previa.
Generador de gradientes CSS
Crea y previsualiza gradientes lineales y radiales, explora combinaciones prediseñadas y copia el código CSS.
Conversor de color y comprobador de contraste WCAG
Convierte valores de color entre HEX, RGB, HSL y CMYK, y calcula el ratio de contraste de accesibilidad WCAG 2.1.
Generador de sombras y efectos Glassmorphism en CSS
Crea cajas con sombras multidimensionales y efectos de vidrio esmerilado con copia rápida de reglas CSS.
Analizador de contraste de color y accesibilidad (WCAG 2.1)
Evalúa ratios de contraste entre fondo y texto con calificaciones AA/AAA y simulador de daltonismo.
Caja de arena de física y simulador gravitacional 2D
Genera partículas, cuerpos elásticos, colisiones y campos de gravedad interactivos en tiempo real con Canvas.
Editor visual de trazados SVG (Path)
Coloca puntos de anclaje, arrastra las manillas Bézier en un lienzo de 500×500 y obtén al instante el atributo d del trazado SVG y una regla CSS clip-path: path().
Generador de maquetas (Mockup) con marco de navegador
Coloca capturas de pantalla dentro de un elegante marco de navegador estilo macOS con sombra y fondo degradado, y descárgalas en PNG de alta resolución.
Generador de texto con efecto de neón CSS
Diseña textos luminosos y letreros de neón personalizando colores, parpadeos y sombras con exportación de código CSS.
Selector y cuentagotas de color en imágenes con lupa
Extrae colores exactos píxel a píxel de cualquier imagen con lupa de alta precisión y genera la paleta dominante.
