Cores e design CSS
Estúdio de cores, paletas e contraste
Converta modelos de cor, crie escalas CSS, extraia paletas e verifique o contraste WCAG ou APCA.
Abrir a ferramentaColeção de ferramentas
Estúdios de cores, de acessibilidade e de CSS
Compare cores e contrastes, prepare gradientes e sombras e, depois, construa layouts em Grid, Flexbox ou de tipografia fluida. Os resultados de um verificador de contraste dependem da norma selecionada e não substituem uma auditoria de acessibilidade completa.
Estúdios para explorar cores, verificar o contraste e desenhar gradientes, sombras e layouts CSS.
Ferramentas da coleção
4 ferramentas
Cores e design CSS
Estúdio de gradientes, sombras e animações CSS
Componha gradientes, sombras, filtros, transformações e animações CSS com pré-visualização.
Abrir a ferramentaCores e design CSS
Estúdio CSS Grid, Flexbox e tipografia fluida
Crie protótipos de grelhas CSS, layouts Flexbox, tipografia fluida e espaçamentos responsivos.
Abrir a ferramentaImagem e vetorial
Estúdio SVG e ícones vetoriais
Edite o código SVG, a viewBox e as cores, otimize os traçados e exporte em TSX/JSX, CSS Data URI, PNG ou WebP.
Abrir a ferramentaCategorias abrangidas
Perguntas sobre ferramentas de design e CSS
O estúdio de cores verifica o contraste WCAG e APCA?
A ficha do estúdio de cores descreve os métodos e as medições disponíveis. Verifique o modo selecionado e interprete os resultados de acordo com o contexto de utilização.
Coleções relacionadas
Explore as ferramentas por tipo de tarefa.
Percorrer todas as ferramentas