Estúdio de Paletas e Gradientes
Crie paletas harmônicas, desenhe gradientes CSS e verifique o contraste de acessibilidade — tudo no seu navegador.
Gerador de paletas
Exportar tokens CSS/Tailwind é um recurso Pro.
Criador de gradientes
background: linear-gradient(90deg, #4f46e5, #ec4899);Verificador de contraste (WCAG)
Leve as paletas direto para o código
Pagamento único. Exporte paletas como variáveis CSS, config do Tailwind e JSON, para sempre.
O kit de cores do designer
Harmonias inteligentes
Gere paletas complementares, análogas, triádicas e monocromáticas a partir de qualquer cor base.
Acessível por padrão
Verifique o contraste WCAG AA/AAA para que seu texto seja legível para todos.
CSS pronto para copiar
Pegue códigos hex e CSS de gradientes com um clique — sem complicação.
Perguntas frequentes
Esta ferramenta de cor é grátis?
Sim. Paletas, gradientes e verificação de contraste são grátis para sempre. O Pro adiciona exportação de código.
Quais modelos de cor vocês usam?
As harmonias são calculadas em HSL para resultados uniformes e exportadas em hex.
O que o verificador de contraste mede?
A razão de contraste WCAG entre duas cores, com indicadores AA (4.5) e AAA (7).
Posso exportar para o Tailwind?
Sim — a exportação para variáveis CSS, config do Tailwind e JSON faz parte do Pro.