Gerador de Paleta de Cores

Este gerador de paleta de cores transforma uma única cor base em uma escala completa de claro a escuro, além de harmonias complementares, análogas e triádicas, com cada amostra copiável como código hexadecimal em um clique.

Tudo é calculado no seu navegador a partir da cor que você insere, então nada é enviado.

A escala de tons claros e escuros mantém o matiz e a saturação da base e distribui a luminosidade do claro ao escuro, dando um conjunto consistente de passos. Este é exatamente o tipo de escala que um design system usa para fundos, bordas, texto e estados.

As harmonias vêm da teoria das cores, baseadas na rotação do matiz ao redor do círculo cromático. A complementar é o matiz oposto para forte contraste, a análoga são os matizes vizinhos para uma aparência calma e coesa, e a triádica são três matizes igualmente espaçados para um conjunto equilibrado e vibrante.

Juntas, elas dão a você uma paleta inicial prática a partir de uma cor de marca: uma escala para seus neutros e tons, e harmonias para destaques e realces, sem adivinhar códigos hexadecimais à mão.

Insira uma cor base com o seletor de amostra ou por hexadecimal, e a paleta se atualiza na hora para você explorar variações rapidamente.