Gerador de Paleta de Cores
Gere uma escala de tons claros e escuros, mais cores complementares, análogas e triádicas a partir de uma cor base.
Ferramentas relacionadas
Como usar Paleta de Cores
- 01
Selecione uma cor base ou digite um valor hex.
- 02
Navegue pela escala claro-escuro e pelas cores harmônicas.
- 03
Clique em qualquer amostra para copiar o código hex.
O que este gerador faz
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.
Como a escala de tons claros e escuros é construída
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.
Harmonias complementares, análogas e triádicas
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.
Construindo uma paleta a partir de uma cor de marca
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.
Perguntas frequentes
Como a escala é construída?
Mantém o matiz e a saturação da cor base e distribui a luminosidade de claro a escuro, gerando um conjunto consistente de tons, similar a uma escala de cores de sistema de design.
O que são cores complementares, análogas e triádicas?
São relações de harmonia de cores baseadas na rotação do matiz: complementar é o oposto, análoga é próxima, e triádica é igualmente espaçada ao redor do círculo cromático.
Algo é enviado?
Não. A paleta é calculada inteiramente no seu navegador a partir da cor que você digita.