Crie uma paleta do seu jeito

Recursos e usos

O gerador de paletas cria de 3 a 8 cores a partir de uma cor inicial. Use o seletor de cor ou insira HEX, RGB ou HSL; depois, explore harmonias e variações mais claras ou escuras.

Bloqueie suas cores favoritas, gere novas combinações e organize as amostras. Visualize uma combinação de texto e fundo e seu contraste, copie as cores ou baixe a paleta como PNG, variáveis CSS ou JSON.

Entenda as harmonias de cores

Análogas

Tons vizinhos no círculo cromático dão à paleta uma sensação de proximidade entre as cores.

Complementares

Tons opostos criam forte contraste de cor. Confira a legibilidade separadamente ao usá-los em texto.

Complementares divididas

Uma cor-base é combinada com as duas cores vizinhas à sua oposta, criando contraste com mais variedade.

Triádica

Três matizes separados por 120 graus criam um esquema equilibrado de três cores.

Tetrádica

Dois pares complementares criam um esquema de quatro matizes. Esta ferramenta distribui os quatro matizes uniformemente pelo círculo.

Monocromática

Um tom aparece em variações mais claras e mais escuras para formar uma paleta unificada.

Surpreenda-me

Combinações aleatórias de tons oferecem um ponto de partida para explorar além de uma harmonia fixa.

Formatos, opções e limites

Os campos de cor aceitam HEX de 3, 4, 6 ou 8 dígitos, com ou sem o sinal #, e as notações RGB/RGBA e HSL/HSLA. Os valores alfa controlam a transparência. Use o seletor visual para alterações rápidas ou digite um valor para um controle preciso.

• Use o círculo cromático e o controle de matiz de 0–359 graus ou comece com Floresta, Rosa, Oceano ou Hora dourada. Bloqueie cores individuais enquanto gera as outras, reorganize as amostras e selecione as duas cores usadas na prévia de texto e fundo.
• Baixe uma referência da paleta em PNG de 1200 × 630 px, um arquivo CSS com variáveis de cor numeradas ou JSON com a lista ordenada de cores. Copie uma amostra HEX ou a lista completa para painéis de marca, temas de sites e artes que combinem.

Trabalhe sem conta: textos e fotos são processados no navegador. Salve um projeto neste dispositivo ou baixe um backup para reabrir depois.

Bom saber

Bloqueie as cores que quiser manter antes de gerar outra paleta. As harmonias são pontos de partida; confira o contraste das cores que pretende usar no texto.