Encontre a SuaPaleta de Cores Perfeita
Gere paletas harmoniosas ao instante usando regras comprovadas da teoria das cores. Criado para designers, programadores e criativos.
Tudo o Que Precisa
Ferramentas de cor poderosas reunidas numa interface limpa e interativa.
Roda de Cores Interativa
Arraste os pontos diretamente na roda HSL para explorar as relações entre matiz e saturação em tempo real.
7 Regras de Harmonia
Complementar, Análoga, Tríade, Complementar Dividida, Tetrádica, Quadrada, Monocromática.
Cópia Instantânea
Clique em qualquer amostra para copiar o código hex. Partilhe paletas e use-as diretamente no seu código.
Verificador de Contraste
Verifique os rácios de acessibilidade WCAG AA / AAA entre quaisquer duas cores da sua paleta.
Valores HSL e RGB
Cada cor mostra a sua composição completa em HSL e RGB — sem necessidade de conversão manual.
Todas as Paletas de Uma Vez
Compare os 7 esquemas de harmonia para a sua cor base numa grelha de leitura rápida no fundo da ferramenta.
Perguntas Frequentes
Tudo o que precisa de saber sobre o colorPaletteFinder
O que é uma paleta de cores?
Uma paleta de cores é um conjunto criterioso de cores pensado para funcionar em conjunto de forma harmoniosa. Os designers usam paletas para criar consistência visual em interfaces, identidades de marca e ilustrações.
Como funciona a harmonia das cores?
A harmonia das cores baseia-se nas relações entre os matizes na roda de cores. Regras como a complementar, a análoga e a tríade garantem que as combinações são visualmente agradáveis.
Qual é a diferença entre complementar e complementar dividida?
A complementar usa dois matizes opostos para obter o máximo contraste. A complementar dividida usa a cor base mais duas cores a ±30° do complemento direto — mais suave e menos agressiva.
Como uso o colorPaletteFinder?
Abra a ferramenta, escolha a sua cor principal usando a roda de cores ou a introdução de hex e depois selecione uma regra de harmonia. A ferramenta gera ao instante uma paleta correspondente que pode copiar com um clique.
O que é o contraste WCAG e por que motivo é importante?
As WCAG definem rácios de contraste para garantir que o texto é legível para todos os utilizadores, incluindo pessoas com deficiência visual. Um rácio de 4.5:1 cumpre o nível AA; 7:1 cumpre o nível AAA.
Posso copiar os códigos hex da paleta gerada?
Sim — passe o cursor sobre qualquer amostra de cor na tira da paleta e clique para copiar de imediato o respetivo código hex para a área de transferência.