Gerador de paleta de cores
Encontre um esquema de cores que você goste em algumas prensas-chave e veja como ele funciona em uma página real.
- Seus dados nunca saem do seu dispositivo
- 100% grátis
- Sem cadastro
- Funciona offline após a primeira carga
Como fazer uma paleta de cores
- Pressione Espaço para gerar, e bloquear as cores que você gosta.
- Clique em um HEX para editar, use o botão tons, arraste para reordenar, + para adicionar.
- Pré-visualizar, verificar o contraste e, em seguida, exportar ou copiar o link.
Sobre: Gerador de paleta de cores
Gere paletas de cores bonitas com a barra de espaço.
Tudo funciona no seu navegador, por isso é instantâneo e privado. Suas cores e configurações recentes são lembradas neste dispositivo, e a barra de endereço mantém sua cor para que você possa compartilhá-la ou marcá-la.
Ideal para
- Identidades de marca e sites
- Temas e dashboards de interface
- Ilustrações, apresentações e postagens sociais
Dica: Desfazer com Ctrl+Z se você gerar além de uma paleta que você gostou.
Perguntas frequentes
Como faço uma paleta?
Pressione a barra de espaço (ou Gerar). Bloqueie as cores que você gosta e pressione Espaço novamente — apenas os desbloqueados mudam. Clique em um código HEX para ajustá-lo.
Que modos de harmonia existem?
Auto, análogos, monocromáticos, complementares, triádicos, complementares divididos, tetrádicos, pastel, vívidos, escuros e mal-humorados, terrosos e neutros com um sotaque - tudo feito em OKLCH, então os passos de leveza parecem equilibrados.
Posso ver a paleta em um design real?
Sim - "Visualização do site" aplica-se a uma página de exemplo, "Contraste" mostra quais pares são legíveis, e "Cultura cegueira" mostra a paleta como as pessoas com deficiência de visão de cor vê-lo.
Como exporto ou compartilho?
Exporte como CSS, SCSS, Tailwind, JSON, PNG, SVG, GIMP/Inkscape .gpl ou Adobe .ase ou copie o link; a paleta é armazenada nele. Salve favoritos no seu navegador com Salvar.
Quantas cores uma paleta deve ter?
Cinco é um bom começo: uma ou duas cores principais, um neutro para fundos e texto, e um sotaque para botões e links.