Gerador de paleta tetrádica retangular

O que faz esta ferramenta?

Esta ferramenta gera uma paleta de quatro cores baseada no esquema tetrádico retangular. A partir de uma cor base, são criadas três outras cores com deslocamentos fixos de 60, 180 e 240 graus no modelo HSL. O resultado são dois pares de cores complementares, formando um retângulo no círculo cromático.

Exemplo concreto

Se escolher a cor vermelha (#FF0000), a ferramenta produz as seguintes cores:

• Vermelho (#FF0000) – cor base
• Amarelo (#FFFF00) – deslocamento de 60 graus
• Ciano (#00FFFF) – deslocamento de 180 graus
• Azul (#0000FF) – deslocamento de 240 graus

Este exemplo mostra como a ferramenta cria dois pares complementares: vermelho/ciano e amarelo/azul.

Parâmetros e funcionamento

A ferramenta usa o modelo HSL para calcular as cores. Os deslocamentos são fixos e não podem ser alterados. A saturação e a luminosidade são arredondadas para números inteiros, o que pode causar pequenas diferenças em relação a outros geradores. A cor base é preservada exatamente quando o deslocamento é zero.

Limitações

Não existe seletor de ângulo nem opção para paleta quadrada (espaçamento igual de 90 graus). A ferramenta não fornece pontuação de contraste automática, simulação de daltonismo ou exportação para ficheiros. A edição manual de uma cor resultante não recalcula as outras.

Perguntas frequentes

Posso alterar o espaçamento entre as cores?

Não. O espaçamento é fixo em 60, 180 e 240 graus. A ferramenta foi concebida para o esquema tetrádico retangular, não para o quadrado.

Porque é que as cores geradas podem diferir de outros geradores?

A ferramenta arredonda os valores de saturação e luminosidade para inteiros, o que pode causar pequenas variações. Além disso, o método de conversão pode ser ligeiramente diferente.

Como posso usar esta paleta no meu design?

Use as quatro cores como candidatas para o seu esquema. Recomenda-se escolher uma cor dominante e testar separadamente os pares de texto/fundo para garantir a acessibilidade, pois a ferramenta não calcula contraste.

Lista de verificação

• Escolha uma cor base adequada ao seu projeto.
• Calcule a paleta e verifique as quatro cores.
• Edite manualmente se necessário, lembrando que só afeta a cor editada.
• Teste o contraste entre texto e fundo para cada combinação pretendida.
• Use a paleta como ponto de partida, não como garantia de acessibilidade.