← Ferramentas
Design e CSS
Crie cores, dimensionamento responsivo e CSS pronto para produção.
Cor e Acessibilidade
CSS Layout e Efeitos
- Gerador de Box ShadowArraste os controles para criar sombras box-shadow, empilhe camadas para dar profundidade e copie o CSS pronto instantaneamente.
- Gerador de GradientesCrie gradientes lineares, radiais ou cônicos, adicione pontos de cor, defina a direção e copie o CSS com um clique.
- Gerador de Border RadiusArredonde cada canto com controles deslizantes, crie gotas orgânicas com o modo elíptico e copie o CSS instantaneamente.
- Gerador de FlexboxConfigure um contêiner flex e seus itens com controles visuais, veja o layout reagir em tempo real e copie o CSS com um clique.
- Gerador de CSS GridDefina suas colunas e linhas, arraste pelas células para posicionar os itens e copie o CSS do grid com o HTML correspondente em um clique.
- Gerador de Cubic Bezier CSSArraste as duas alças para criar uma curva de transição, veja o movimento em tempo real comparado a uma velocidade constante e copie o valor de cubic-bezier().
- Calculadora de clamp() CSSInsira um tamanho para telas pequenas e grandes e obtenha um valor clamp() fluido que escala suavemente entre elas — para fontes, paddings, margins ou gaps.
Inspeção e Licenciamento de Fontes
Tela, Impressão e Proporção
- Conversor de Pixel / DPIConverta pixels para polegadas, cm e mm em qualquer DPI/PPI — ideal tanto para design de telas quanto para trabalhos de impressão.
- Calculadora de PPI de TelaInsira a resolução e o tamanho da tela para obter a densidade de pixels, dot pitch, dimensões físicas e muito mais.
- Conversor de px para rem e emConverta entre px, rem e em usando seus próprios tamanhos de fonte raiz e de contexto — edite qualquer campo e os outros dois mudam na hora.
Nenhuma ferramenta correspondente nesta categoria.