Geradores

Gerador de Cores Aleatórias

Gere uma cor aleatória com seus valores HEX, RGB e HSL e uma pré-visualização ao vivo.

Avalie esta ferramenta

Como usar Gerador de Cores Aleatórias

  1. Clique em Gerar cor.
  2. Veja uma amostra de pré-visualização com valores HEX, RGB e HSL.
  3. Copie o formato de que precisa, ou gere novamente.

Sobre Gerador de Cores Aleatórias

Clique uma vez e você obtém uma única cor sorteada de forma uniformemente aleatória em todo o espaço RGB, exibida como uma amostra ao vivo com valores HEX, RGB e HSL prontos para copiar. Cada canal é escolhido de forma independente a partir da fonte aleatória criptograficamente segura do seu navegador, de modo que todas as 16,7 milhões de cores RGB têm a mesma probabilidade e nada percorre uma lista predefinida. Útil para inspiração de design, amostras de espaço reservado, geração de dados de teste ou para preencher uma interface de protótipo com algo diferente de cinza.

Vale ser direto sobre a limitação: cores RGB uniformemente aleatórias não formam uma paleta. Paletas de verdade são construídas sobre relações — um matiz compartilhado, saturação controlada, variações deliberadas de luminosidade — e canais aleatórios independentes ignoram tudo isso. Três cores aleatórias normalmente vão destoar entre si, e uma cor aleatória tem tanta chance de sair opaca quanto vibrante. Trate-a como ponto de partida: pegue uma que goste e construa em torno dela com o gerador de tons.

A outra coisa que cores aleatórias desconhecem por completo é o contraste. Uma cor pode parecer ótima como amostra e ser ilegível atrás de um texto, e as diretrizes de acessibilidade se baseiam em taxas de contraste medidas entre o primeiro plano e o fundo, não em gosto pessoal. Antes de usar uma cor aleatória em qualquer lugar onde haja texto sobre ela, teste o par no verificador de contraste.

Perguntas frequentes

Quais formatos eu recebo?

HEX, RGB e HSL para a mesma cor, além de uma amostra de pré-visualização. Copie o que sua ferramenta de design ou folha de estilo precisar.

As cores são distribuídas de forma uniforme?

Sim. Vermelho, verde e azul são sorteados de forma independente em toda a faixa de 0 a 255 usando o gerador aleatório seguro do navegador, de modo que todas as 16.777.216 cores RGB têm a mesma probabilidade.

Ele consegue gerar uma paleta combinando cores?

Não. Canais aleatórios produzem cores sem nenhuma relação entre si, que é exatamente o oposto do que uma paleta precisa. Escolha uma cor de que goste e depois construa tons claros e escuros em torno dela.

Uma cor aleatória será acessível?

Não de forma confiável. O contraste depende de um par de cores, e não de uma cor isolada, então verifique qualquer cor sobre a qual pretenda colocar texto em um verificador de contraste antes de usá-la.

Posso fixar um matiz ou limitar a faixa?

Não. Este gerador tem um único botão e nenhuma opção — cada clique gera uma cor aleatória nova e totalmente livre de restrições.