Gerador de cores aleatórias
Gere cores aleatórias como HEX, RGB ou HSL, com paletas claras, escuras, pastéis e vivas.
Gerador de cores aleatórias
Gere de uma a cem cores aleatórias com um único clique. Cada cor fica em sua própria linha como um valor HEX, uma notação rgb() ou hsl(), ou todas as três lado a lado, para que você possa colar a saída diretamente em CSS, um arquivo de token de design, uma configuração de gráfico ou uma planilha. Alterar a contagem, o formato ou a paleta recalcula a lista instantaneamente.
Cores aleatórias são úteis com mais frequência do que parecem: planos de fundo de espaço reservado para cartões e avatares, cores de séries distintas para um gráfico rápido, valores iniciais para um quadro de humor, dados de teste para um sistema de temas ou simplesmente uma saída para uma rotina criativa. Como uma cor desenhada uniformemente do cubo RGB completo geralmente é turva, este gerador funciona no espaço HSL e restringe a saturação e a luminosidade por paleta: Light mantém a luminosidade entre 70 e 90 por cento, Dark permanece entre 10 e 35, Pastel combina uma saturação suave de 25 a 45 por cento com alta luminosidade e Vivid aumenta a saturação para 85 a 100 por cento com luminosidade média. Qualquer remove totalmente as restrições.
Incluir alfa adiciona uma opacidade aleatória a cada cor e a imprime em cada notação - um valor HEX de 8 dígitos, rgba() e hsla(). Uma cor por linha significa que a saída se conecta diretamente ao conversor de cores ou ao verificador de contraste sempre que você quiser inspecionar um valor mais detalhadamente.
Tudo é executado localmente no seu navegador: nenhuma solicitação é enviada, nada é registrado e a aleatoriedade vem do crypto.getRandomValues criptograficamente seguro, amostrado com rejeição para que cada valor em um intervalo seja igualmente provável.