Design e acessibilidade
Verificador de contraste de cores
Calcule contraste e confira critérios WCAG AA e AAA.
Abrir ferramenta →4 Ferramentas
Design e acessibilidade
Converta cores, confira contraste e gere propriedades CSS com prévia visual.
Conferir decisões visuais antes de publicar uma interface.Apoiar revisões de acessibilidade e consistência de design.Gerar valores CSS prontos para protótipos e documentação.
Design e acessibilidade
Conversor HEX, RGB e HSL
Converta cores entre HEX, RGB e HSL e visualize o resultado.
Abrir ferramenta →Design e acessibilidade
Gerador de gradiente CSS
Crie gradientes lineares e copie o CSS pronto.
Abrir ferramenta →Design e acessibilidade
Gerador de box-shadow CSS
Ajuste sombra, desfoque, expansão e transparência com prévia.
Abrir ferramenta →Como escolher a ferramenta certa
Comece pelo resultado que você precisa produzir, use dados fictícios quando possível e revise a saída antes de aplicá-la em um sistema real. As páginas relacionadas desta categoria foram organizadas para que você possa seguir de preparação, execução e validação sem depender de várias plataformas.
Privacidade e desempenho
O portal prioriza processamento no navegador. Ferramentas que usam arquivos grandes podem consumir memória, por isso teste primeiro com uma cópia e mantenha o original salvo.