Gerador de cores aleatórias

Gere cores hex aleatórias instantaneamente

Clique em Gerar para produzir uma ou mais cores hexadecimais criptograficamente aleatórias. Use o seletor de tamanho de lote para gerar até 20 cores de uma vez. Clique em qualquer amostra para copiar seu valor hex para a área de transferência. Ative a restrição de luminosidade para limitar a saída a um intervalo específico de luminosidade HSL — útil quando você precisa de cores aleatórias que não sejam nem muito escuras nem muito claras para um determinado contexto.

Os bytes aleatórios vêm da API crypto.getRandomValues do navegador, que é criptograficamente segura. Nada é enviado a um servidor. A restrição de saturação ajuda a evitar cores acinzentadas quando você quer resultados vívidos.

Perguntas frequentes

Por que usar crypto.getRandomValues em vez de Math.random? crypto.getRandomValues é criptograficamente imprevisível, o que significa que a saída não pode ser prevista a partir de resultados anteriores. Para cores não há diferença prática na qualidade, mas é a ferramenta correta para gerar dados aleatórios no navegador.

O que significam as restrições de luminosidade? Luminosidade é o canal L no HSL (0 = preto, 100 = branco). Definir Min L como 20 e Max L como 80 garante cores que não são nem muito escuras nem muito claras.