Gerador de Cores Aleatórias

Etapa 1 / 4 Cores aleatórias

Contar

Gire uma cor aleatória do espaço RGB de 24 bits e veja-a renderizada como uma grande amostra com cada representação comum ao lado: hex (#a3e1b4), RGB (rgb(163, 225, 180)), HSL e até mesmo a cor nomeada em CSS como fallback quando uma corresponder. Clique na amostra para girar novamente.

Como gerar uma cor aleatória

1

Clique em gerar

Três bytes aleatórios (0-255) se tornam os canais R, G e B.
2

Leia cada formato

Hex, RGB, HSL e HSV são todos exibidos; copie o que seu stylesheet usa.
3

Tranque se gostar

Se o resultado estiver próximo do que você deseja, ative "trancar matiz" para manter a matiz e re-girar apenas a luminosidade e saturação.

O espaço de cores

O gerador utiliza RGB de 24 bits, oferecendo 16.777.216 cores possíveis. Esse é o mesmo gamut que seu monitor pode exibir, embora alguns desses valores estejam nos cantos mais escuros ou dessaturados que são difíceis de distinguir.

Como cada formato representa a mesma cor

Formato	Sintaxe	Bytes por canal
Hex	`#RRGGBB`	8 bits
RGB	`rgb(R, G, B)`	8 bits
HSL	`hsl(H, S%, L%)`	Derivado
HSV	`hsv(H, S%, V%)`	Derivado
OKLCH	`oklch(L C h)`	Perceptualmente uniforme

Por que o aleatório puro pode parecer turvo

RGB aleatório uniforme tende a resultar em cores escuras e dessaturadas mais frequentemente do que cores brilhantes e vívidas. Se você precisa de resultados mais impactantes, re-gire usando HSL com saturação trancada acima de 60% e luminosidade entre 45% e 65% — você obterá cores de capa de revista em vez de lama.

Acessibilidade

Compare qualquer cor gerada com texto branco ou preto e verifique a razão de contraste WCAG antes de usá-la como fundo de botão. Para texto do corpo, o mínimo é 4.5:1; para texto grande é 3:1.

Perguntas frequentes

Porque a maior parte do espaço RGB está no meio escuro e dessaturado. Apenas uma fina camada perto das bordas contém cores vívidas. Gere em HSL ou OKLCH com saturação limitada para resultados vibrantes.

Use o modo de matiz trancado (se disponível): você escolhe uma matiz em graus e a ferramenta gira apenas a saturação e a luminosidade. Útil para explorar tons de uma cor de marca.

Não há modo de semente no momento — cada clique é um sorteio independente do RNG criptográfico. Copie o código hex para preservar uma cor.

Aproximadamente. Códigos hex são relativos ao dispositivo; um display sRGB calibrado os mostra com precisão, um laptop barato os desloca para o azul. Para impressão, converta para CMYK antes de confiar na aparência.