Como as cores são escolhidas?

Cada cor recebe um matiz aleatório de 0 a 359 graus, uma saturação de 35 a 95 por cento e uma luminosidade de 25 a 80 por cento, sorteados com crypto.getRandomValues. Os limites evitam cinzas desbotados, quase pretos e quase brancos ofuscantes, então a maioria dos resultados são cores utilizáveis.

Como mantenho uma cor e mudo o resto?

Pressione o botão de bloqueio em uma amostra. "Gerar" e a tecla de espaço passam a substituir apenas as cores desbloqueadas. Pressione o botão de novo para desbloquear. Alternar entre "Única" e "Paleta de 5" mantém as cores que você já tem.

Como copio o código de uma cor?

Cada amostra tem três botões com seus valores HEX, RGB e HSL. Pressione um para copiar exatamente esse texto para a área de transferência, por exemplo #1A2B3C, rgb(26, 43, 60) ou hsl(210, 40%, 18%). O texto em cada amostra é preto ou branco, o que tiver melhor contraste WCAG com ela.

"Baixar PNG" salva uma imagem com todas as cores atuais lado a lado e seus códigos HEX. "Baixar CSS" salva um arquivo com um bloco :root de propriedades personalizadas, --color-1 a --color-5, em HEX minúsculo, pronto para colar em uma folha de estilos.

Existe um histórico?

Os últimos 12 conjuntos de cores aparecem em "Histórico" enquanto a página estiver aberta. Pressione um para trazê-lo de volta, o que desbloqueia as suas cores. O histórico é apagado quando você fecha ou recarrega a página, e nada é enviado.

Sim. Todas as ferramentas são gratuitas, sem conta e sem cartão de crédito. O processamento acontece no seu dispositivo, e não nos nossos servidores, e é isso que permite manter tudo gratuito.

Sim. Funciona nos navegadores móveis atuais em iOS e Android, sem instalar nada.

🎨

Gerador de cores aleatórias grátis

Gere cores aleatórias uma de cada vez ou em uma paleta de cinco, bloqueie as que você gostar, copie valores HEX, RGB ou HSL e exporte a paleta como PNG ou CSS.

Executa no seu navegadorSem inscrição, sem pop-upsSem login necessárioGratuito para sempre

Pressione a barra de espaço para novas cores.

#0F766E
#0369A1
#B45309
#BE185D
#4338CA

Exportar

🔒 As cores são geradas no seu navegador. Nada é enviado nem salvo.

Como funciona

A página escolhe um matiz, uma saturação e uma luminosidade aleatórios para cada cor com o gerador aleatório seguro do seu navegador e depois converte para HEX, RGB e HSL.

1
Escolha única ou paleta
Escolha "Única" para uma cor grande ou "Paleta de 5" para uma fileira de cinco.
2
Gerar
Pressione "Gerar" ou a barra de espaço. Antes, pressione o botão de bloqueio de uma amostra para manter essa cor.
3
Copie um valor
Pressione o botão HEX, RGB ou HSL de uma amostra para copiá-lo.
4
Exportar
Pressione "Baixar PNG" para obter uma imagem da paleta ou "Baixar CSS" para obter as propriedades personalizadas.