Gerador de esquema de cores quadrado

Informe uma cor hexadecimal e o gerador manterá a saturação e a luminosidade enquanto produz o matiz base e três cores parceiras equilibradas. O resultado traz valores hexadecimais, RGB e HSL reutilizáveis, prontos para sistemas de design, folhas de estilo, ilustrações ou estudos de marca. O cálculo é determinístico: a mesma entrada válida sempre retorna a mesma paleta ordenada, sem aleatoriedade nem acesso à rede.

Como uma harmonia quadrada de cores é construída

Uma harmonia quadrada divide os 360 graus do círculo cromático em quatro partes iguais. A cor informada ocupa o primeiro ponto; em seguida, o gerador acrescenta 90, 180 e 270 graus ao matiz. A saturação e a luminosidade permanecem inalteradas, isolando o matiz como único componente variável e deixando clara a relação matemática da paleta. Isso é diferente de um esquema tetrádico retangular, no qual os intervalos se alternam em vez de permanecer iguais. Cada amostra retornada inclui o deslocamento exato do matiz, valores HSL normalizados, canais RGB e um código hexadecimal minúsculo com seis dígitos. A rotação reinicia corretamente após 360 graus; portanto, uma base próxima ao fim do círculo se comporta como qualquer outra cor. Em cores neutras, como cinza, a saturação HSL é zero e a rotação do matiz não cria diferenças visíveis; isso é uma propriedade esperada do modelo, não um erro. A saída sempre começa pela cor base normalizada e segue pelas outras três rotações.

Como escolher e aplicar as quatro cores

O espaçamento uniforme cria variedade, mas uma boa hierarquia visual ainda depende da função atribuída a cada cor. Comece tratando a base como a cor dominante da marca, do fundo ou da ilustração. Use uma cor rotacionada como destaque principal, outra como destaque secundário e reserve o matiz oposto para situações que exigem separação forte. Como as quatro amostras compartilham saturação e luminosidade, elas apresentam peso visual semelhante inicialmente. Em uma interface final, crie variações mais claras e mais escuras depois de definir as funções, para que textos, bordas, preenchimentos e estados interativos não disputem atenção igualmente. Sempre teste o contraste entre primeiro plano e fundo; relações harmônicas não garantem acessibilidade. O gerador oferece uma base disciplinada, mas não determina que todas as cores ocupem a mesma área. Uma distribuição prática costuma dar predominância a uma cor, apoio a uma ou duas e uso pontual da última para criar ênfase.

Uso de resultados determinísticos em fluxos de design

Uma saída determinística é importante quando a paleta integra um fluxo automatizado. Um hexadecimal base armazenado pode gerar novamente os mesmos quatro valores durante uma compilação, em um script de tokens de design ou quando um cliente altera a configuração de tema. A entrada normalizada torna consistentes as formas abreviadas e as combinações de maiúsculas, enquanto os arrays retornados facilitam copiar os quatro códigos ou consultar os dados estruturados. Como o algoritmo utiliza conversões HSL e deslocamentos fixos, ele não classifica cores por gosto, não deduz um clima e não ajusta amostras silenciosamente. Essa transparência facilita a revisão e a reprodução do resultado. Registre a cor base junto da paleta para que futuros colaboradores entendam sua origem. Se depois você ajustar a saturação ou a luminosidade para uma função específica, preserve o conjunto quadrado original como referência e documente as variações separadamente. As solicitações da API custam US$ 0,002, enquanto a versão no navegador permite exploração manual sem enviar a cor para outro local.