O que são harmonias de cores?

Conjuntos de cores escolhidas pela posição no círculo cromático: cores análogas ficam lado a lado, cores complementares ficam opostas e cores triádicas ficam igualmente espaçadas.

O que são tons e matizes?

Versões mais escuras e mais claras de uma cor. A escala de tons tem onze passos, de 50 (mais clara) a 950 (mais escura), como nos design systems.

Como uso a paleta no meu código?

Exporte como variáveis CSS, tema do Tailwind, JSON ou uma lista simples de códigos HEX.

Não. As paletas são criadas no seu dispositivo.

Gerador de Paleta de Cores é grátis?

Sim. É grátis para usar, sem cadastro e sem instalar nada.

Ferramentas de cor

Gerador de Paleta de Cores Online – Grátis

Grátis, sem cadastro e funciona no seu navegador. Gere paletas de cores com um toque de tecla, trave as cores de que gostar ou monte uma a partir de uma cor base com harmonias análogas, complementares ou triádicas. Exporte como variáveis CSS, Tailwind ou JSON.

ou pressione Espaço. Trave as cores de que você gosta para mantê-las.

Editar
Editar
Editar
Editar
Editar

Criar a partir de uma cor

Cor baseHarmonia

As harmonias de cores giram o matiz pelo círculo cromático: análoga fica perto, complementar usa o lado oposto, triádica espaça três matizes por igual.

Tons de #2F5BFF

Clique em um tom para copiá-lo. Escolha outra cor da paleta para ver os tons dela.

Exportar

Variáveis CSSTailwindJSONLista HEX

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

As paletas são criadas no seu dispositivo.

Por que usar Gerador de Paleta de Cores

100% grátis: Use quantas vezes quiser. Sem cadastro, sem marca d'água, sem instalar nada.
Privacidade desde o início: O que você digita fica no seu navegador e nunca é enviado para nós.
Funciona em qualquer dispositivo: Roda no navegador no Windows, Mac, Linux, Android e iPhone. Não precisa de app.

Como usar Gerador de Paleta de Cores

Aperte Gerar (ou a barra de espaço) até gostar de uma paleta.
Trave cores para mantê-las ou monte a partir de uma cor base e uma harmonia.
Copie cores individuais ou exporte a paleta inteira.

Perguntas frequentes

O que são harmonias de cores?: Conjuntos de cores escolhidas pela posição no círculo cromático: cores análogas ficam lado a lado, cores complementares ficam opostas e cores triádicas ficam igualmente espaçadas.
O que são tons e matizes?: Versões mais escuras e mais claras de uma cor. A escala de tons tem onze passos, de 50 (mais clara) a 950 (mais escura), como nos design systems.
Como uso a paleta no meu código?: Exporte como variáveis CSS, tema do Tailwind, JSON ou uma lista simples de códigos HEX.
Algo é enviado?: Não. As paletas são criadas no seu dispositivo.
Gerador de Paleta de Cores é grátis?: Sim. É grátis para usar, sem cadastro e sem instalar nada.