O número de cores só se aplica aos esquemas análogo e monocromático; complementar sempre dá 2 cores, triádico 3, tetrádico 4.
Resultado
Esta página não tem lado servidor nenhum. A tabela colada é processada por JavaScript dentro do seu próprio navegador, o gráfico é desenhado num elemento canvas da sua máquina e o arquivo de exportação é montado localmente. Nada é enviado, armazenado ou gravado em qualquer log. Você pode desconectar a rede depois que a página carregar e tudo continuará funcionando — é a forma mais simples de verificar você mesmo.
Fatos e limites do método
| Complementar | A cor base e uma cor com o matiz girado 180° |
|---|---|
| Triádica | Três cores com o matiz girado 0°, 120° e 240° |
| Tetrádica | Quatro cores com o matiz girado 0°, 90°, 180° e 270° |
| Análoga | Várias cores espaçadas 30° em matiz ao redor da base |
| Monocromática | O mesmo matiz e saturação, luminosidade de 12% a 90% |
Quando induz ao erro
- A paleta é construída com regras matemáticas do círculo cromático (modelo HSL), não com a percepção humana — cores "harmoniosas" pela fórmula às vezes precisam de ajuste manual de contraste na prática.
- O gerador não verifica o contraste entre pares de cores para acessibilidade (WCAG) — para texto sobre fundo, verifique isso separadamente com uma ferramenta dedicada.
- Os esquemas monocromático e análogo usam passos fixos (distribuição uniforme de luminosidade, passos de matiz de 30°); para um controle mais fino, ajuste a paleta manualmente após gerá-la.
- O resultado é um ponto de partida para design de interfaces, ilustração e branding, não a única resposta correta.
Como é calculado
A cor base HEX é convertida para o modelo HSL (matiz, saturação, luminosidade) — um sistema prático para criar combinações harmoniosas.
Dependendo do tipo de paleta escolhido, o matiz base é girado em ângulos fixos (180° para complementar, 120°/240° para triádica, 90°/180°/270° para tetrádica) ou deslocado em passos pequenos (para análoga), mantendo saturação e luminosidade constantes.
Para a paleta monocromática, o matiz e a saturação permanecem constantes enquanto a luminosidade é distribuída uniformemente de um tom escuro a um claro.
Cada cor HSL resultante é convertida de volta para um código HEX e exibida como uma amostra com seu código rotulado.
Perguntas e respostas
Qual a diferença entre os tipos de paleta?
Baseiam-se em figuras geométricas diferentes no círculo cromático: complementar pega a cor oposta, triádica e tetrádica pegam pontos espaçados uniformemente, análoga pega matizes vizinhos, monocromática varia a luminosidade de um único matiz.
Por que o número de cores não se aplica ao esquema complementar?
Os esquemas complementar, triádico e tetrádico têm um número de cores fixado pela própria regra de construção (2, 3 e 4 respectivamente) — o ajuste de quantidade só se aplica aos esquemas análogo e monocromático.
Essa paleta é adequada para design web?
Sim, como ponto de partida — antes de usá-la em uma interface, verifique o contraste de texto sobre fundo separadamente conforme o WCAG com uma ferramenta dedicada.
Meus dados são enviados para algum lugar?
Não, todo o cálculo roda no seu navegador.