Gerador de Cores Aleatórias

Gere cores aleatórias com seus valores HEX, RGB e HSL. Clique em um cartão de cor para copiar o código HEX.

Número de Cores

Compartilhar este cálculo

Copie este link para compartilhar suas entradas atuais com qualquer pessoa.

Como usar o gerador de cores aleatórias

Defina o número de cores (1-20) e clique em Gerar. Cada cartão mostra o código HEX, valores RGB e HSL.

Referência de formatos de cor

HEX: código hexadecimal de 6 dígitos (ex. #FF5733). RGB: valores vermelho, verde, azul 0-255. HSL: matiz, saturação, luminosidade.

Perguntas Frequentes

As cores são verdadeiramente aleatórias?

Sim — cada canal (vermelho, verde, azul) é uniformemente aleatório de 0 a 255, com 16.7 milhões de cores possíveis.

Como usar essas cores no CSS?

Copie o código HEX: color: #FF5733. Ou RGB: color: rgb(255, 87, 51). Ou HSL: color: hsl(11, 100%, 60%).

Incorporar esta ferramenta

Adicione esta ferramenta ao seu site copiando o trecho abaixo.

<iframe
  src="https://www.purr.tools/pt/embed/gerador-cor-aleatoria"
  width="100%"
  height="500"
  style="border:0;border-radius:8px;"
  loading="lazy"
  title="Gerador de Cores Aleatórias"
  allow="clipboard-write"
></iframe>