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.
Abrir herramientaColección de herramientas
Estudios de color, accesibilidad y CSS
Compara colores y contrastes, prepara degradados y sombras, y crea diseños con Grid, Flexbox o escalas fluidas. Los resultados de una comprobación de contraste dependen del estándar elegido y no sustituyen una auditoría completa de accesibilidad.
Estudios para explorar colores, comprobar contraste y diseñar degradados, sombras y diseños CSS.
Herramientas de esta colección
4 herramientas
Color y diseño CSS
Estudio de degradados, sombras y animaciones CSS
Crea degradados, sombras, filtros, transformaciones y animaciones CSS con vista previa.
Abrir herramientaColor 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.
Abrir herramientaImagen y vectorial
Estudio SVG e iconos vectoriales
Edita el código SVG, viewBox y colores, optimiza trazados y exporta a TSX/JSX, CSS Data URI, PNG o WebP.
Abrir herramientaCategorías incluidas
Preguntas sobre herramientas de diseño y CSS
¿Color Studio comprueba el contraste WCAG y APCA?
La ficha de Color Studio describe los métodos y las medidas disponibles. Comprueba el modo elegido e interpreta el resultado según el contexto de uso.
Colecciones relacionadas
Explora las herramientas por tipo de tarea.
Ver todas las herramientas