Para que serve uma paleta de cores
Uma paleta é a lista curta de cores que uma marca usa em todo o lado: no site, no feed do Instagram, no logótipo, nas embalagens e no link da bio. Ficar por poucas cores é o que faz as coisas parecerem desenhadas em vez de juntadas, e torna cada nova publicação ou página mais rápida de fazer, porque as escolhas já estão feitas.
A maioria das marcas precisa de três a cinco cores: uma clara para fundos, uma escura para texto, uma cor principal que se reconheça como sua e um ou dois acentos para botões e destaques. É por isso que o gerador espalha sempre as cores do escuro ao claro.
Harmonias de cores, de forma simples
As harmonias de cores são combinações que funcionam por causa do sítio onde as cores estão na roda de cores. As cores análogas são vizinhas, como laranja, coral e rosa: calmas e naturais. A monocromática é um só tom em vários níveis: simples e elegante. As complementares estão frente a frente, como azul e laranja: contraste forte que faz os botões saltarem à vista. As complementares divididas e a tríade juntam três tons para paletas mais vivas que continuam equilibradas.
Bloqueia uma cor que já tens — a do teu logótipo, por exemplo — e todas as harmonias são construídas à volta dela.
Tirar uma paleta de uma foto
Carrega uma foto e a ferramenta encontra as cores principais juntando píxeis parecidos e ordenando os grupos pela área que ocupam na imagem. Funciona bem com uma foto dos teus produtos, da tua loja, de um sítio que te inspira ou da tua publicação com mais sucesso. A imagem é lida pelo teu browser e nunca é enviada para lado nenhum.
As fotos dão muitas vezes cores apagadas. Se quiseres mais vida, bloqueia as que adoras e gera as restantes, ou ajusta uma cor com o seletor.
HEX, RGB e HSL
São três maneiras de escrever a mesma cor. O HEX (#0f766e) é o que pedem a maioria das apps de design, os criadores de sites e o Canva. O RGB (15, 118, 110) dá as quantidades de vermelho, verde e azul. O HSL (175°, 77%, 26%) descreve o tom, a saturação e a luminosidade — útil para fazer uma versão mais clara ou mais escura de uma cor mudando só o último número. Toca em qualquer código para o copiar.
Cores legíveis
Uma paleta bonita pode mesmo assim ler-se mal. Para cada cor, a ferramenta mostra o contraste de texto preto e branco por cima; um visto quer dizer que chega a 4,5:1, a regra de acessibilidade para texto normal. Põe o texto corrido sobre a cor mais clara ou a mais escura, e guarda as cores vivas para botões, ícones e títulos.
Privado de origem
Tudo corre no teu browser. As tuas paletas e fotos nunca são enviadas, e podes usar as cores para o que quiseres, incluindo trabalho para clientes e comercial.