Gerador de paleta de cores
Converta uma cor em paleta completa usando regras de harmonia cromática.
Gerador de paleta de cores
Cole uma cor base como código hex, rgb() ou hsl() e esta ferramenta constrói uma paleta completa à sua volta usando regras de harmonia cromática, não simplesmente uma rampa de luminosidade da mesma tonalidade. Escolha complementar para uma cor oposta única, complementar dividida ou triádica para contraste equilibrado, tetrática para um retângulo de quatro cores, análoga para tonalidades vizinhas que funcionam bem juntas, ou monocromática para tonalidades e variações de uma só tonalidade.
A opção harmonia decide quantas cores são geradas — complementar sempre retorna duas, triádica e complementar dividida retornam três, tetrática retorna quatro — enquanto a contagem de cores e o ângulo do incremento de tonalidade apenas se aplicam a análoga e monocromática, onde você escolhe quantas cores e a que distância. Calcule em HSL para a matemática clássica da roda cromática, ou mude para OKLCH, que mantém a mesma luminosidade percebida em todas as tonalidades para que a paleta não fique com uma amostra estranhamente escura ou desbotada ao lado das outras. Os controles de ajuste de saturação e luminosidade refinam a paleta toda após a harmonia ser construída, e a opção de formato de cor imprime cada resultado como hex, rgb(), hsl() ou oklch().
Cada amostra é verificada contra WCAG AA (4.5:1) como texto em fundo branco e preto, marcada com um ✓ ou ✗ ao lado de cada proporção — útil para escolher quais cores da paleta gerada são seguras para texto do corpo versus apenas decoração. Exporte o resultado como uma lista simples, um bloco de propriedades CSS personalizadas pronto para colar numa folha de estilos, ou um objeto de cores de configuração Tailwind.
Tudo funciona localmente no seu navegador — a cor que introduz nunca é carregada para lugar nenhum. Copie o resultado, descarregue como ficheiro .txt, ou envie para a entrada de outra ferramenta para continuar a trabalhar com ele.