Gerador de paleta de cores

O que é Gerador de paleta de cores?

O Gerador de Paleta de Cores é um criador de esquemas de cores on-line e gratuito para designers e desenvolvedores front-end que precisam montar uma paleta completa em torno de uma única cor base. Insira uma cor HEX e ele deriva instantaneamente matizes mais claros, tons mais escuros, a cor complementar e harmonias análogas e triádicas usando matemática de cores HSL — cada amostra é exibida com seu valor HEX e um botão de cópia em um clique. Use-o para escolher cores de interface, criar uma escala de tons claros e escuros ou encontrar cores de destaque que combinem com uma marca. É um gerador de paleta HEX, um criador de escala de tons/matizes e um localizador de cores complementares, tudo em um.

Como usar Gerador de paleta de cores

1. Digite uma cor base no campo Cor base (HEX) usando o formato #rrggbb ou #rgb, ou clique na grande amostra do seletor de cores para escolhê-la visualmente.
2. Defina Tons por lado como 2, 3 ou 4 para controlar quantos matizes mais claros e tons mais escuros são gerados de cada lado da cor base.
3. Veja a seção Tons e matizes: os matizes mais claros aparecem acima da cor base e os tons mais escuros abaixo, cada um rotulado (Lighter N / Base / Darker N) e exibido com seu valor HEX.
4. Veja a seção Cores harmônicas para a cor complementar, as análogas (+30deg / -30deg) e as triádicas (+120deg / -120deg).
5. Clique no botão de cópia ao lado de qualquer amostra (ou ao lado do campo base) para copiar esse valor HEX para a área de transferência.

Exemplos

#ff0000

#00ffff

#ff0000

#00ff00

Perguntas frequentes

Quais formatos de cor posso inserir?

A cor base é inserida como um valor HEX no formato #rrggbb (seis dígitos) ou na forma abreviada #rgb (três dígitos). Se o valor não for uma cor HEX válida, a mensagem 'Invalid HEX color' aparece e nenhuma paleta é gerada. Todas as amostras de saída são exibidas como HEX no formato #rrggbb.

Quantos tons e matizes ele gera?

Você escolhe 2, 3 ou 4 tons por lado. A ferramenta produz essa quantidade de matizes mais claros (interpolados em direção ao branco) e o mesmo número de tons mais escuros (interpolados em direção ao preto), além da cor base no meio.

Quais cores harmônicas estão incluídas?

Ela gera a cor complementar (matiz girado 180deg), duas cores análogas (+30deg e -30deg) e duas cores triádicas (+120deg e -120deg), todas calculadas girando o matiz da cor base em HSL.

Posso escolher uma cor visualmente em vez de digitar o HEX?

Sim. Clique na grande amostra com o seletor de cores integrado para escolher uma cor; o campo HEX é atualizado automaticamente, e a paleta é recalculada na hora conforme você a altera.

Meus dados de cor são enviados para algum lugar?

Não. Tudo é executado inteiramente no seu navegador usando matemática de cores local — nenhum valor de cor é enviado a um servidor, então funciona off-line e mantém sua paleta privada.