Gerador de Cores Aleatórias

Gere uma ou várias cores aleatórias de uma vez em HEX, RGB e HSL. Trave as cores que gostar, gere novamente o restante e copie qualquer cor ou o lote inteiro — tudo no seu navegador.


  

  

    
  



    

    

      
Gere cores realmente aleatórias com este gerador de cores aleatórias gratuito. Crie uma única cor aleatória ou um lote inteiro de uma vez, veja cada uma como uma amostra ao vivo com seus valores HEX, RGB e HSL, trave as cores que quiser manter e gere novamente o restante até o conjunto ficar do seu jeito. Copie qualquer cor individual ou a lista inteira com um clique — tudo é gerado de forma privada no seu navegador usando a aleatoriedade segura do seu dispositivo.

      

        
O que é um gerador de cores aleatórias?

        
Um gerador de cores aleatórias escolhe cores ao acaso dentro de toda a faixa de cores digitais e as exibe em formatos prontos para uso. Cada cor é montada a partir de valores aleatórios de vermelho, verde e azul e depois convertida para HEX, RGB e HSL, para você colar direto no CSS, em uma ferramenta de design ou em qualquer projeto. É uma forma rápida de encontrar uma cor de partida, preencher uma paleta com ideias novas ou pegar um fundo ou destaque rápido sem pensar em teoria das cores.

        
      

      

        
Como gerar cores aleatórias

        
Escolha quantas cores você quer, selecione o formato preferido e gere. Trave as que gostar e gere novamente para continuar explorando.

        
  1. Defina quantas cores gerar (de 1 a 50).
  2. Escolha o formato de saída: HEX, RGB ou HSL.
  3. Clique em Gerar cores para criar um novo conjunto de amostras aleatórias.
  4. Toque no ícone de cadeado em qualquer cor que queira manter e gere de novo para substituir apenas as destravadas.
  5. Clique em Copiar em uma amostra individual ou em Copiar tudo para pegar a lista inteira.

      

      

        
Formatos HEX, RGB e HSL

        
Cada cor gerada está disponível em três formatos. HEX (como #3fa9f5) é o mais comum em design web e CSS. RGB (como rgb(63, 169, 245)) descreve a cor por seus canais de vermelho, verde e azul, útil para trabalho com canvas e imagens. HSL (como hsl(204, 90%, 60%)) descreve a cor por matiz, saturação e luminosidade, o que facilita deixar uma cor mais clara ou mais suave. Mude o seletor de formato para ver instantaneamente todas as cores reescritas na notação escolhida.

        
      

      

        
Por que usar este gerador de cores aleatórias?

        
  • Gere uma única cor aleatória ou até 50 de uma vez.
  • Veja cada cor em HEX, RGB e HSL e troque de formato instantaneamente.
  • Trave as cores que gostar e gere novamente apenas o restante.
  • Copie qualquer cor individual ou o lote inteiro com um clique.
  • Usa a aleatoriedade criptograficamente segura do navegador para cores sem viés.
  • 100% gratuito e privado — as cores são geradas no seu navegador e nunca enviadas.

      

      

        
Perguntas frequentes

        

          
Como o gerador de cores aleatórias escolhe as cores?

          
Ele gera valores aleatórios de vermelho, verde e azul usando o gerador de números aleatórios criptograficamente seguro do navegador (crypto.getRandomValues) e depois converte cada cor para HEX, RGB e HSL. Como cada canal é escolhido de forma independente em toda a sua faixa, as cores ficam bem distribuídas e sem viés.

        

        

          
O que travar uma cor faz?

          
Travar mantém uma cor fixa quando você gera novamente. Toque no ícone de cadeado em qualquer amostra que goste e clique em Gerar cores: apenas as amostras destravadas mudam. É a forma mais fácil de manter as cores que funcionam enquanto substitui as que não funcionam.

        

        

          
Posso gerar muitas cores aleatórias de uma vez?

          
Sim. Defina a quantidade entre 1 e 50 e a ferramenta produz esse número de cores aleatórias em um clique, cada uma exibida como uma amostra com seus valores HEX, RGB e HSL.

        

        

          
Como copio uma cor?

          
Clique no botão Copiar embaixo de qualquer amostra para copiar aquela cor no formato selecionado, ou clique em Copiar tudo para copiar a lista inteira de uma vez. O valor copiado corresponde ao formato — HEX, RGB ou HSL — que você selecionou.

        

        

          
As cores geradas são enviadas para algum lugar?

          
Não. Cada cor é gerada localmente no seu navegador com JavaScript e nada é enviado para um servidor, então a ferramenta funciona offline e é segura para trabalhos de design privados.