🎨 Tudo roda no seu navegador. Sem instalar nada, sem cadastro.
Ângulo135°
Presets
background: linear-gradient(135deg, #8b5cf6, #0ea5e9);
Ao colocar texto sobre um gradiente, verifique o contraste tanto no ponto mais claro quanto no mais escuro. Se ajustar só para um lado, o texto desaparece no outro.
O que esta ferramenta faz
- Duas ou três cores com posição de parada
- Angular ou radial
- Copie o CSS na hora
- Referência de classes Tailwind
Outras ferramentas de cor
As cores podem aparecer um pouco diferentes conforme a sua tela e o perfil de cor dela.