← 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 controlos 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 único clique.
- Gerador de Border RadiusArredonde cada canto com controlos deslizantes, crie gotas orgânicas com o modo elíptico e copie o CSS instantaneamente.
- Gerador de FlexboxConfigure um contentor flex e os seus itens com controlos visuais, veja o layout reagir em tempo real e copie o CSS com um único clique.
- Gerador de CSS GridDefina as suas colunas e linhas, arraste pelas células para posicionar os itens e copie o CSS do grid com o HTML correspondente num único clique.
- Gerador de Cubic Bezier CSSArraste as duas alças para criar uma curva de transição, veja o movimento em tempo real comparado com uma velocidade constante e copie o valor de cubic-bezier().
- Calculadora de clamp() CSSIntroduza um tamanho para ecrãs pequenos e grandes e obtenha um valor clamp() fluido que escala suavemente entre eles — para fontes, paddings, margins ou gaps.
Ecrã, Impressão e Proporção
- Conversor de Píxel / DPIConverta píxeis para polegadas, cm e mm em qualquer DPI/PPI — ideal tanto para design de ecrãs como para trabalhos de impressão.
- Calculadora de PPI de EcrãInsira a resolução e o tamanho do ecrã para obter a densidade de píxeis, dot pitch, dimensões físicas e muito mais.
- Conversor de px para rem e emConverta entre px, rem e em usando os seus próprios tamanhos de fonte raiz e de contexto — edite qualquer campo e os outros dois mudam na hora.
Inspeção e Licenciamento de Tipos de Letra
Nenhuma ferramenta correspondente nesta categoria.