Color y diseño CSS
Estudio de color, paletas y contraste
Convierte modelos de color, crea escalas CSS, extrae paletas y comprueba el contraste WCAG o APCA.
Ver herramientaColor y diseño CSS
Estudio de degradados, sombras y animaciones CSS
Crea degradados, sombras, filtros, transformaciones y animaciones CSS con vista previa.
En resumen
Crea degradados, sombras, filtros, transformaciones y animaciones CSS con vista previa.
Funciones principales
Crea degradados, sombras, filtros, transformaciones y animaciones CSS con vista previa.
Cómo usar esta herramienta
- Introduce o importa los elementos necesarios según las opciones disponibles.
- Elige las opciones adecuadas para la tarea y comprueba la configuración.
- Revisa el resultado antes de copiarlo o exportarlo.
Espacio de trabajo interactivo
Las etiquetas generales de la interfaz se traducen cuando hay una correspondencia disponible. Algunos campos especializados o mensajes pueden seguir en inglés; los nombres de formatos y el código se mantienen sin traducir.
El estudio interactivo se carga cuando lo abres.
Privacidad y límites
El procesamiento y las conexiones de red varían según la herramienta y la función. Lee las indicaciones del espacio de trabajo y la política de privacidad antes de introducir datos sensibles.
Las funciones, los formatos y el tamaño viable dependen de la herramienta, el navegador, la memoria disponible y el dispositivo. Conserva una copia original y verifica el resultado antes de usarlo.
Herramientas relacionadas
Color y diseño CSS
Estudio de CSS Grid, Flexbox y tipografía fluida
Prototipa cuadrículas CSS, diseños Flexbox, tamaños tipográficos fluidos y espaciado adaptable.
Ver herramienta