Conversor de cores
Converta HEX, RGB e HSL com transparência, veja a amostra e copie valores CSS prontos para usar.
Gerador de gradientes CSS
Monte gradientes lineares ou radiais com dois a oito pontos de cor, prévia ao vivo e CSS para copiar.
Sobre a ferramenta
Ajuste as áreas de transição de um fundo pela posição das cores. A prévia e o código usam os mesmos valores.
Como usar
Escolha tipo, cores e posições; ajuste o ângulo no modo linear. Adicione ou remova pontos acompanhando a prévia. Eles são ordenados pela posição; dois no mesmo lugar criam uma transição brusca. Aceita 2–8 pontos entre 0 e 100 % e ângulos de -360 a 360 graus. O radial usa uma elipse centralizada.
Perguntas frequentes
Como criar uma divisão nítida entre duas cores?
Coloque duas paradas de cores diferentes na mesma posição percentual. As paradas são ordenadas por posição. O download contém CSS, não uma imagem do gradiente.
Como escolher a direção do gradiente?
Ângulos lineares seguem CSS: 0° aponta para cima, 90° para a direita. O modo radial usa uma elipse centralizada, sem ajuste de ângulo. Copie a declaração background inteira para a regra CSS.
Ferramentas relacionadas
Abre em uma nova aba
Comentários
0