Gerador de paleta monocromática

Gere uma paleta de cores monocromática a partir de uma única cor base, variando apenas a luminosidade para manter um matiz uniforme. Cálculo 100% local no seu navegador.

Paleta gerada
#050638#0a0c6e#0f12a3#1318d9#393ded#6f71f2#a4a6f7#dadafc

Como funciona

Uma paleta monocromática mantém um único matiz e varia apenas a claridade, do muito escuro ao muito claro, o que produz um resultado visual harmonioso e profissional, muito usado em sistemas de design ou interfaces limpas. Esta ferramenta converte sua cor base para HSL, fixa o matiz e a saturação e distribui automaticamente vários níveis de luminosidade entre 12% e 92% para montar a paleta.

Qual é a diferença entre uma paleta monocromática e uma paleta complementar?

Uma paleta complementar combina cores opostas no círculo cromático para criar contraste, enquanto uma paleta monocromática permanece em um único matiz e joga apenas com a luminosidade, para um resultado mais sóbrio e coerente, especialmente indicado para interfaces em que a cor não deve tirar a atenção do conteúdo.

Quantas cores escolher para uma interface?

De 5 a 8 tons costumam bastar para cobrir as necessidades comuns de uma interface (fundo, borda, texto, estado de hover, estado ativo). Aumente o número de cores se precisar de mais granularidade para componentes complexos.

A paleta inteira é calculada no seu navegador: sua cor base nunca é enviada a um servidor.