Conversor de cores
Converta HEX, RGB e HSL com transparência, veja a amostra e copie valores CSS prontos para usar.
Gerador de CSS Flexbox
Experimente direção, quebra de linha, distribuição e alinhamento e obtenha CSS e HTML prontos para copiar.
Sobre a ferramenta
Experimente direção, quebra de linha, distribuição e alinhamento e obtenha CSS e HTML prontos para copiar.
Como usar
Ajuste as propriedades Flex, espaçamento e quantidade de itens. Varie a largura para conferir a quebra de linha. Copie ou baixe CSS e HTML separadamente.
A prévia usa as mesmas propriedades do código. Itens partem de uma base de 100 px e altura mínima de 80 px. Até 48 itens, espaçamento 0–80 px. A largura de teste não entra no CSS exportado.
Ferramentas relacionadas
Verificador de contraste
Confira o contraste conforme WCAG 2.2, com prévia e resultados AA e AAA para texto normal e grande.
Gerador de gradientes CSS
Monte gradientes lineares ou radiais com dois a oito pontos de cor, prévia ao vivo e CSS para copiar.
Gerador de sombras CSS
Ajuste deslocamento, desfoque, expansão, cor e opacidade para criar uma sombra externa ou interna em CSS.
Comentários
0