Categoria: Desenvolvimento
Gerador de paleta de cores
Monte um esquema em torno de uma cor
Escolha uma cor base e receba uma paleta pela relação no círculo cromático: complementar, análoga, triádica, tetrádica, monocromática ou uma escala de tons. Copie qualquer valor em HEX, RGB ou HSL.
- 1
#0f7b63 - 2
#7b0f26 - 3
#073b30 - 4
#3b0712 - 5
#17ba97
#0f7b63 #7b0f26 #073b30 #3b0712 #17ba97
A paleta é calculada a partir da cor que você digita. Nada é enviado.
Tudo nesta página é processado no seu navegador. Nada é enviado.
Para que serve
As relações por trás de uma paleta são geometria no círculo cromático: a complementar fica oposta à base, as análogas ficam ao lado e uma tríade são três pontos igualmente espaçados. Fazer isso à mão exige converter para HSL, somar graus e voltar, e é aí que o experimento costuma parar. Aqui o matiz é girado para você e, quando o esquema tem menos matizes do que amostras pedidas, a luminosidade é escalonada em vez de repetir uma cor, então cinco amostras de um par complementar continuam sendo cinco cores úteis. Cada amostra traz um rótulo legível e pode ser copiada na notação que a sua folha de estilo usa.
Como usar
- Escolha ou digite a cor base sobre a qual construir.
- Selecione um esquema e quantas cores você precisa.
- Copie um valor específico ou a paleta inteira de uma vez.
Privacidade
Esta ferramenta roda inteiramente no seu navegador. O que você digita nunca é enviado, salvo ou compartilhado — fechar a aba já remove tudo.
Perguntas frequentes
- Por qual esquema começar?
- Análogo para um conjunto calmo e relacionado, complementar quando você precisa de um acento que se destaque, monocromático quando a interface deve ficar discreta e deixar o conteúdo conduzir.
- Essas paletas são acessíveis?
- Não automaticamente. Um esquema trata de harmonia, não de contraste. Verifique cada par de texto e fundo com um verificador de contraste antes de publicar.
- Minha cor é enviada para algum lugar?
- Não. A paleta é calculada na página a partir da cor informada, e nada é enviado nem salvo.