Ferramentas de design
Ferramentas rápidas para trabalhos de front-end e design visual, com CSS pronto para copiar e verificações de acessibilidade baseadas na fórmula de contraste WCAG.
7 ferramentas
Ferramentas desta categoria
- Conversor de coresConverta cores entre HEX, RGB, HSL, HWB, OKLCH e CMYK simplificado. Cole uma cor CSS ou use o seletor e copie cada formato. Funciona no seu navegador.
- Verificador de contrasteVerifique a taxa de contraste de texto e fundo segundo a WCAG 2.2, confira os resultados AA e AAA para texto e elementos da interface e encontre a cor mais próxima que atende aos requisitos.
- Gerador de gradientes CSSCrie gradientes CSS lineares, radiais e cônicos com 2 a 6 paradas de cor. Defina o ângulo e as posições, confira a prévia ao vivo e copie o CSS do fundo.
- Gerador de Box ShadowCrie sombras CSS em várias camadas: ajuste deslocamento, desfoque, expansão, cor, opacidade e inset. Visualize em qualquer fundo e copie o CSS box-shadow.
- Gerador de paletas de coresGere paletas complementares, análogas, triádicas, tetrádicas, complementares divididas e de tons a partir de uma cor. Bloqueie cores e copie em HEX, CSS ou JSON.
- Conversor de PX para REMConverta px em rem ou em e vice-versa com qualquer tamanho de fonte raiz (padrão: 16px). Inclui uma tabela de tamanhos comuns e converte valores em px em trechos completos de CSS.
- Calculadora de proporçãoEncontre a largura ou altura que falta para qualquer proporção, simplifique dimensões como 1920×1080 para 16:9, visualize o formato e copie a regra aspect-ratio do CSS.