Paleta de matizes equidistantes

Um gerador de paleta de matizes equidistantes posiciona N cores em passos angulares iguais ao redor da roda de cores, partindo do matiz base que você escolhe e mantendo saturação e luminosidade constantes. Informe um matiz inicial em graus, uma contagem de dois a trinta e seis e os percentuais de saturação e luminosidade que devem permanecer iguais em cada amostra; a ferramenta calcula o passo como trezentos e sessenta dividido por N, envolve cada matiz sucessivo no intervalo semiaberto de zero a trezentos e sessenta, converte cada tripla HSL para sRGB e hexadecimal minúsculo e devolve um array scheme, uma lista de matizes e objetos ricos por cor com detalhamentos RGB, CSS e HSL. Equipes de marca que montam séries de gráficos multipasso, desenvolvedores front-end que constroem tokens de tema para painéis e estudantes de design que estudam o espaçamento equidistante de matizes precisam desse mesmo mapa determinístico sem abrir uma suíte de design completa.

O que é uma paleta de matizes equidistantes e por que passos iguais importam

O espaçamento angular igual no círculo de matiz é a forma clássica de construir uma série multicolor que não favorece nenhum setor da roda. Esquemas complementares usam cento e oitenta graus, triádicos cento e vinte e tetrádicos noventa; esta capacidade generaliza essa ideia a qualquer inteiro N de dois a trinta e seis fixando o passo em trezentos e sessenta dividido por N e avançando a partir do seu matiz base.

Saturação e luminosidade permanecem fixas de propósito: a intenção de busca de uma paleta de matizes equidistantes é a rotação equilibrada do matiz, não inventar rampas de valor ou croma, de modo que um início vivo de luminosidade média produz companheiros vivos de luminosidade média e um início pastel produz companheiros pastel. Quando a saturação é zero, cada membro colapsa em direção ao cinza porque cores acromáticas não têm matiz significativo a rotacionar; isso é física da cor correta, não um defeito.

Professores costumam emparelhar esta ferramenta com geradores de esquemas fixos para que os alunos vejam como mudar N altera a tensão visual e como o mesmo matiz base pode alimentar uma série de gráficos de cinco paradas ou um mapa qualitativo de doze. Sistemas de design usam esta estrutura quando um produto precisa de uma paleta categórica que escale com a contagem de séries em vez de codificar três ou quatro acentos de marca.

Dicas práticas, limites e buscas relacionadas

Comece pelo matiz de marca ou de interface em que você já confia em vez de uma escolha arbitraria na roda; o primeiro membro é sempre o matiz base no deslocamento zero após o wrap, de modo que o índice zero é a sua cor de identidade em termos HSL. Prefira contagens inteiras que batam com o tamanho da série de gráficos ou da legenda; cinco paradas dão passos de setenta e dois graus, seis dão sessenta, oito dão quarenta e cinco e doze dão trinta.

Mantenha saturação e luminosidade dentro dos intervalos que o seu pipeline de acessibilidade já valida—espaçamento equidistante de matiz não garante contraste WCAG contra um fundo fixo, então combine esta paleta com um verificador de contraste quando o texto assenta em preenchimentos sólidos. Não espere saída apenas complementar ou apenas triádica nesta página: esses esquemas fixos são ferramentas separadas com intenção SEO própria; use esta capacidade quando N for um parâmetro que você controla.

Cores CSS nomeadas e strings hex estão fora do escopo aqui; converta-as primeiro para matiz, saturação e luminosidade se partir de um hex de token. Ao escrever testes, cubra pelo menos um caso multipasso vívido, um count de dois (divisão de cento e oitenta graus), uma saturação quase cinza e um count inválido deliberado para travar a matemática do espaçamento e a validação.

Esta página atende quem busca uma paleta de matizes equidistantes, um gerador de roda de matiz igual ou uma ferramenta gratuita de N cores na roda online; não é um extrator de paleta de imagem nem um conversor multi-espaço completo.