Gerador de paletas

Cria paletas harmoniosas, bloqueia as cores de que gostas e gera novas combinações.

Sem conta

Cria paletas de 2 a 10 cores: bloqueia as cores de que gostas e gera as restantes, com uma regra de harmonia à tua escolha. Está em logaco.com/cores.

Gerador de paletas com cinco faixas de cor lado a lado, o código e o nome de cada uma, o botão Gerar, o menu Harmonia e os botões Guardar, exportar e partilhar

Passos

Escolhe a harmonia

No menu Harmonia, escolhe a regra que o gerador segue: Aleatória equilibrada, Complementar, Análoga, Triádica, Tetrádica ou Monocromática.

Bloqueia o que já te serve

Cada faixa tem um cadeado: clica em Bloquear nas cores que queres manter. As cores bloqueadas não mudam quando geras.

Gera

Clica em Gerar ou carrega na barra de espaço. Repete até gostares do resultado; Desfazer e Refazer voltam atrás e à frente.

Afina cada cor

Em cada faixa podes:

  • escrever o código hex directamente (Enter confirma, Esc cancela);
  • abrir Ajustar para escolher a cor num selector;
  • Copiar código;
  • arrastar pela pega (Arrastar para mudar de lugar) para mudar a ordem;
  • Remover a cor (a paleta precisa de pelo menos 2);
  • Ver variantes, que abre Criar variantes com essa cor.

Para juntar uma cor, clica em Juntar uma cor (até 10).

Guarda, exporta ou partilha

Usa Guardar, Exportar ou Copiar ligação desta paleta (vê abaixo).

Atalhos de teclado

AtalhoO que faz
EspaçoGerar
Ctrl + ZDesfazer
Ctrl + Shift + Z ou Ctrl + YRefazer

No macOS, usa ⌘ em vez de Ctrl. Os atalhos não funcionam enquanto estás a escrever num campo.

Para mudar a ordem só com o teclado, põe o foco na pega de uma faixa, carrega em Espaço ou Enter para pegar na cor, usa as setas para a mudar de lugar e Espaço ou Enter para a largar (Esc cancela).

Exportar e partilhar

  • Copiar ligação desta paleta: o endereço da página guarda a paleta (por exemplo logaco.com/cores/6725D0-F2A900-…). Quem abrir a ligação vê as mesmas cores.
  • Exportar: CSS, SCSS, JSON, Tailwind, PNG ou ASE. Vê guardar e exportar paletas.
  • Ver com daltonismo: abre o simulador com esta paleta.

Começar das cores de uma marca

No perfil de uma empresa, em Cores da marca, clica em Abrir no gerador. O gerador mostra a etiqueta com o nome da empresa e, ao guardar, a paleta fica ligada a ela.

Sem conta e com conta

Tudo funciona sem conta. A paleta em que estás a trabalhar fica guardada neste browser e a ligação partilha-a com qualquer pessoa. O Guardar é que muda: sem sessão iniciada, a paleta fica neste dispositivo; com sessão, fica na tua conta e vês em qualquer lado.

Nesta página