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.
Ver a ferramentaCores 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.
Em resumo
Componha gradientes, sombras, filtros, transformações e animações CSS com pré-visualização.
Funções principais
Componha gradientes, sombras, filtros, transformações e animações CSS com pré-visualização.
Como utilizar esta ferramenta
- Introduza ou importe os elementos necessários, de acordo com os comandos disponíveis.
- Escolha as opções adequadas à sua tarefa e verifique os parâmetros.
- Examine o resultado antes de o copiar ou exportar.
Espaço de trabalho interativo
Os rótulos genéricos da interface são traduzidos quando há uma correspondência disponível. Alguns campos especializados ou mensagens podem permanecer em inglês; os nomes de formatos e o código mantêm-se inalterados.
O estúdio interativo é carregado a pedido quando o abre.
Privacidade e limites
O processamento e as comunicações de rede variam conforme a ferramenta e a função utilizada. Leia as indicações apresentadas no espaço de trabalho e a política de privacidade antes de submeter dados sensíveis.
As capacidades, os formatos e os limites de tamanho dependem do navegador, da memória disponível e do dispositivo. Para ficheiros grandes, monitorize os recursos do equipamento e confirme o resultado com uma aplicação adequada antes de o utilizar.
Ferramentas relacionadas
Cores 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.
Ver a ferramenta