Ir para o conteúdo principal

Ferramentas

Gerador de paletas de cores

Uma ferramenta de paletas para designers e desenvolvedores. Aperte espaço para gerar, fixe as cores que você ama e exporte para CSS ou Tailwind.

App webPadrão
Usar este modelo

Cadastro gratuito. Você aprova o plano antes de qualquer coisa ser criada.

Gerador de paletas de cores: a tela Aperte Espaço para nova paleta

Como funciona

  1. Gerador de paletas de cores: a tela Aperte Espaço para nova paleta

    Passo 1 · Aperte Espaço para nova paleta

    A barra de espaço gera novas paletas

  2. Gerador de paletas de cores: a tela Ajustar #2A9D8F

    Passo 2 · Ajustar #2A9D8F

    Fixe cores e ajuste matiz e luminosidade

  3. Gerador de paletas de cores: a tela Ajustar #2A9D8F

    Passo 3 · Ajustar #2A9D8F

    Regras de harmonia: análoga, tríade, complementar

  4. Gerador de paletas de cores: a tela Contraste e exportação

    Passo 4 · Contraste e exportação

    Verificador de contraste WCAG por par

  5. Gerador de paletas de cores: a tela Contraste e exportação

    Passo 5 · Contraste e exportação

    Exporte variáveis CSS, Tailwind e JSON

Comece em três passos

  1. Etapa 1

    Comece a partir deste modelo

    Cadastre-se grátis e abra o modelo no estúdio. Se quiser, altere a descrição para combinar com a sua ideia.

  2. Etapa 2

    Aprove o plano

    O agente mostra o que vai criar: telas, dados e recursos. Nada é criado até você concordar.

  3. Etapa 3

    Teste e publique

    O app é criado, testado em um navegador de verdade e fica pronto para publicar no seu próprio endereço.

Mais modelos de Ferramentas