Painel de cores

Gerador de Cores Triádicas

Gere duas cores companheiras igualmente espaçadas em um círculo de cores HSL.

Gerador de Cores Triádicas: TOEA aplica esta fórmula fixa: Companheiros = matiz base + 120° e + 240°. O cálculo de cores roda localmente no seu navegador. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.

Execuções
No seu navegador
Custo
Grátis · sem cadastro
Disponibilidade
Pronto para usar
TOEA / MOTOR DE COR 01Somente no navegador
FOLHA DE ENTRADA / 01

Valores de cor

Os valores ficam neste dispositivo. Recalcule após alterar uma entrada.

FOLHA DE RESULTADO / 02

Cor triádica 1

#EB2563

HEX base
#2563EB
Cor triádica 2
#63EB25
Valores HEX da paleta
#EB2563 #63EB25
Fórmula de cálculoCompanheiros = matiz base + 120° e + 240°
PRESSUPOSTOS / LEIA ANTES DE USAR
  1. Os resultados são transformações matemáticas determinísticas em sRGB; a aparência na tela depende do seu monitor e do perfil de cor.
  2. A entrada HEX aceita a notação #RGB ou #RRGGBB. Os valores permanecem no seu navegador e não são enviados.

Equilibrando três matizes fortes

Três matizes igualmente espaçados no círculo competem pela atenção quando têm a mesma saturação. A abordagem usual é deixar um dominar, usar o segundo em áreas de apoio e reservar o terceiro para pequenos destaques, muitas vezes descrita como uma divisão 60-30-10. Começar pelo vermelho puro produz as cores primárias da tela: vermelho, verde e azul; bases suaves ou mais escuras geram conjuntos mais utilizáveis do que bases vivas.

A mesma luminosidade no papel, mas não aos olhos

As duas cores companheiras compartilham o valor de luminosidade HSL da base, mas os olhos não as percebem como igualmente claras: verdes e amarelos parecem muito mais claros do que azuis e violetas com o mesmo número. Por isso, uma tríade pode parecer desequilibrada embora a matemática seja simétrica. Passe cada cor pelo conversor para escala de cinza para ver sua luminosidade real e depois ajuste com tons claros ou tons escuros até o conjunto parecer equilibrado.

Como usar

  1. Insira valores #RGB ou #RRGGBB válidos e qualquer porcentagem solicitada.
  2. Execute a operação de cor fixa, local no navegador.
  3. Revise as amostras e copie o resultado ou os valores da paleta.

Privacidade e limitações

Os valores de cor permanecem neste dispositivo. O resultado de contraste é um verificador matemático, não uma garantia abrangente de conformidade com a WCAG; contexto, renderização de fontes, contraste não textual e estados da interface do usuário ainda precisam ser revisados.

Ferramentas relacionadas

Perguntas frequentes

Como a Paleta Triádica funciona?

Ela usa Companheiros = matiz base + 120° e + 240°.

Quais formatos HEX são aceitos?

Use a notação sRGB #RGB de três dígitos ou #RRGGBB de seis dígitos. Canais alfa e nomes de cores não são aceitos.

O resultado de contraste garante conformidade de acessibilidade?

Não. É um verificador matemático de contraste para as cores informadas e limiares de texto, não uma garantia abrangente de conformidade.

Ferramenta grátis · no seu navegador execuções · não precisa de conta