Herramientas de CSS y diseño gratis
Crea degradados, sombras y paletas de color, comprueba el contraste y copia CSS listo para producción.
Generador de degradados CSS
Diseña degradados lineales y copia el CSS.
Comprobador de contraste (WCAG)
Comprueba el contraste de color según WCAG.
Generador de box-shadow
Previsualiza y copia sombras CSS.
Generador de border-radius
Da forma a cada esquina visualmente y copia el CSS.
Calculadora de proporción
Escala ancho y alto manteniendo la proporción.
Conversor de unidades CSS
px, rem, em, pt y % según el tamaño de fuente base.
¿Por qué usar estas herramientas de diseño y css ?
- Vista previa en vivo de cada cambio antes de copiar el código.
- Comprobación de contraste accesible incluida.
- Código listo para pegar, sin comentarios de atribución.