Gerador de Cores Aleatórias
Gere cores e paletas aleatórias em HEX, RGB ou HSL com limites de matiz, predefinições pastel, escura e vibrante, bloqueio de cores e exportação.
🔒 Executa completamente no seu navegador — nada é enviadoCores aleatórias com controle sobre o resultado
Uma cor totalmente aleatória costuma ficar apagada ou berrante, e é por isso que este gerador permite direcionar a aleatoriedade. Cada cor é escolhida no modelo HSL: uma matiz de 0 a 360 graus, uma porcentagem de saturação e uma porcentagem de luminosidade. Ao limitar cada um desses três intervalos, você pode pedir desde tons pastel suaves até sombras profundas e escuras ou tons vivos e marcantes, e ainda assim obter um resultado diferente cada vez que clicar em “Generate”.
As predefinições são pontos de partida. Pastel usa saturação de moderada a alta com luminosidade alta, Dark mantém a luminosidade baixa e Vivid eleva a saturação com luminosidade média. Edite qualquer campo depois e a predefinição muda para Custom. Para ficar dentro de uma mesma família de cores, estreite o intervalo de matiz: aproximadamente de 90 a 150 dá verdes, e um intervalo que dá a volta, como de 330 a 30, dá vermelhos e rosas.
Bloqueie, sorteie de novo e monte uma paleta
Gere até cinquenta cores de uma vez e depois use o botão de bloqueio (“Lock”) nas que você quer manter. Ao sortear novamente, as cores bloqueadas ficam no lugar e apenas as demais são substituídas. Isso facilita montar uma paleta passo a passo: encontre uma cor base de que você goste, bloqueie-a e continue sorteando até que as cores complementares funcionem. Cada amostra escolhe automaticamente texto preto ou branco com base na luminância relativa, para que o valor continue legível em qualquer fundo.
Copie e exporte sua paleta
Clique em qualquer amostra para copiar o seu valor no formato selecionado: HEX, como #3B82F6, RGB, como rgb(59, 130, 246), ou HSL, como hsl(217, 91%, 60%). Para levar o conjunto inteiro, copie todos os valores de uma vez ou baixe-os como lista de texto, array JSON, arquivo CSS com propriedades personalizadas como --color-1 ou uma faixa PNG com as amostras. Os valores aleatórios vêm do gerador aleatório seguro do navegador, e nada do que você cria sai do seu dispositivo, por isso a ferramenta é prática para protótipos de design, arte de jogos, gráficos, temas provisórios e estímulos criativos.
Como usar
- Defina a quantidade e o formatoEscolha quantas cores você quer, de 1 a 50, e se deseja exibir os valores em HEX, RGB ou HSL.
- Escolha uma predefinição ou limitesUse a predefinição Pastel, Dark ou Vivid, ou defina seus próprios intervalos de matiz, saturação e luminosidade.
- Bloqueie e sorteie de novoClique em “Generate”, bloqueie as cores de que gostar e sorteie novamente para substituir apenas as que não estão bloqueadas.
- Copie ou exporteClique em qualquer cor para copiá-la ou baixe a paleta inteira como texto, JSON, variáveis CSS ou PNG.