Gerador de cor aleatória
Um clique e você tem uma cor novinha com seus códigos HEX e RGB. Dá para limitar o sorteio a tons pastéis ou só a cores escuras, passar para uma paleta de cinco cores e recuperar qualquer cor do histórico.
Análogas, complementares e tríade são harmonias entre várias cores: escolha-as com “Uma paleta de cinco”.
Toque em uma cor para travá-la: com “Gerar” só as outras mudam, e nas harmonias elas se organizam em torno da primeira cor travada.
Histórico. Toque em uma cor para recuperá-la:
Pastéis, escuras ou totalmente aleatórias: qual é a diferença
O gerador trabalha no espaço de cor HSL, que separa o matiz da luminosidade. Com “Todas as cores” o matiz pode ser qualquer um, a saturação vai de 20 a 100% e a luminosidade de 15 a 88%: assim não saem cores quase brancas nem quase pretas, que pouco servem como cor-surpresa. Com “Só pastéis” a luminosidade fica alta, entre 80 e 90%, com saturação entre 55 e 90%: saem os tons suaves que ficam ótimos em fundos, cartões e paletas delicadas. Com “Só escuras” a luminosidade desce para a faixa de 10 a 28%: cores profundas para textos, cabeçalhos e temas escuros, onde o texto branco continua fácil de ler.
Uma cor ou cinco
No alto há dois botões, “Uma cor” e “Uma paleta de cinco”, e esta página começa com uma única cor. Análogas, complementares e tríade são harmonias entre várias cores, por isso se escolhem com cinco: com uma cor só elas não fariam sentido. Ao passar para cinco, a cor que você estava vendo não se perde: ela fica travada e a paleta é montada em torno dela. “Gerar” muda tudo o que não está travado, e cada cor tem seus próprios botões para copiar o HEX ou o RGB.
Ideias para usar uma cor aleatória
Uma cor sorteada ao acaso é ótima contra o bloqueio criativo: use-a como semente de uma paleta, fundo de um slide, cor de um avatar ou de uma imagem de capa. O histórico permite gerar em sequência e depois comparar suas favoritas lado a lado; quando achar uma que funcione, copie o HEX e cole direto no seu CSS, no Canva ou no Figma.
Quatro páginas, duas tarefas
Cor aleatória e Gerador de paletas são o mesmo gerador, com uma cor ou cinco: os dois botões no alto alternam entre um e outro sem trocar de página. Para digitar uma cor e obtê-la em todos os formatos há o Conversor de cores e o Seletor de cores, a mesma ferramenta com duas portas de entrada.