Design

Conversor de cores

Converta HEX, RGB e HSL com transparência, veja a amostra e copie valores CSS prontos para usar.

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.

Calculadora de proporção

Simplifique a proporção de uma imagem ou vídeo e calcule a largura ou altura correspondente ao tamanho desejado.

Gerador de CSS Grid

Monte grades fixas ou adaptáveis com prévia real e exporte CSS e HTML correspondentes.

Gerador de CSS Flexbox

Experimente direção, quebra de linha, distribuição e alinhamento e obtenha CSS e HTML prontos para copiar.

Gerador de paletas de cores

Crie paletas complementares, análogas, triádicas ou monocromáticas e exporte HEX, CSS e JSON.

Gerador de bordas arredondadas CSS

Ajuste os quatro cantos juntos ou separadamente, visualize curvas elípticas e exporte border-radius.

Gerador de clip-path poligonal

Desenhe um recorte com pontos arrastáveis ou coordenadas numéricas e exporte o CSS da prévia.

Editor de curvas cubic-bezier CSS

Ajuste dois pontos de controle, teste uma transição e gere uma função de aceleração cubic-bezier.

Gerador de fonte fluida com clamp()

Calcule font-size: clamp() a partir dos limites de fonte e de largura da janela, com saída em px ou rem.

Gerador de filtros CSS para imagens

Teste desfoque, brilho, cores e opacidade em uma imagem local ou de exemplo e exporte filter em CSS.

Gerador de transformações CSS 2D e 3D

Configure deslocamento, rotação, escala, inclinação e origem, com perspectiva e controles 3D opcionais.

Tamanhos de papel e cálculo de pixels

Consulte A, ISO B, C, Letter, Legal e Tabloid e calcule pixels, polegadas e pontos com orientação e sangria.

Otimizar SVG e converter para PNG

Limpe e otimize SVG, compare tamanho e aparência e baixe SVG ou PNG nas dimensões desejadas, com fundo transparente ou de cor única.