Como usar
A página já abre com uma paleta: você não precisa digitar cores. Escolha de 3 a 8 cores e uma relação, depois gere outra combinação. Fixe as favoritas para que apenas as outras mudem na próxima geração. Pressione o mesmo botão novamente para liberar uma cor.
Método e interpretação
As relações HSL usam diferenças de tom de 25° nas análogas, 180° nas complementares e 120° nas tríades; as monocromáticas compartilham o tom. A luminosidade vai de 30% a 75% e a saturação de 60% a 80%. A primeira posição fixada serve de referência de tom; outras cores fixadas preservam o valor exato.
Exemplos
Para três cores, escolha 3, gere e fixe sua favorita. Gere novamente para trocar as outras duas. Se quiser ajustar, clique na amostra no começo do campo HEX ou edite o texto atrás dela. A edição fixa a cor automaticamente e atualiza sua visualização e exportação juntas.
Limites e erros
Copie a lista HEX ou propriedades CSS --color-1, --color-2 etc. Mudar o formato preserva as cores. SVG e PNG baixam a mesma faixa ordenada com rótulos HEX. Um HEX incompleto mantém o editor visível e bloqueia cópia e downloads até a correção. Limpar remove a paleta e as fixações; Gerar recomeça sem exigir entrada de cores.
Perguntas frequentes
O resultado sempre será harmonioso?
Não. As relações oferecem pontos de partida, não garantia de gosto ou diagnóstico pessoal. Os rótulos usam preto ou branco legível; confira os pares de texto e fundo no projeto real. Apenas HEX sRGB opaco de seis dígitos é aceito, sem análise de fotos ou degradês.