Gerador de Cores Aleatórias

Gere uma ou várias cores aleatórias nos formatos hex, RGB ou HSL.

Para que serve um gerador de cores aleatórias

Gerar cores aleatórias é útil para brainstorming de paletas, testar contraste de interfaces, criar dados de exemplo (placeholders) em protótipos, ou simplesmente buscar inspiração quando não se sabe por onde começar em um projeto de design.

Os formatos disponíveis

FormatoExemploUso comum
Hexadecimal#2C65F2CSS, design tools, a forma mais compacta
RGBrgb(44, 101, 242)Quando é preciso ajustar canais individualmente
HSLhsl(226, 87%, 56%)Mais intuitivo para ajustar tonalidade e luminosidade

Dica

Gere várias cores de uma vez (até 10) para comparar opções lado a lado antes de escolher a que melhor se encaixa no seu projeto.

Perguntas frequentes

Quantas cores posso gerar de uma vez?

Entre 1 e 10 cores por geração.

As cores são realmente aleatórias?

Sim, cada canal de cor (vermelho, verde, azul) é sorteado aleatoriamente, dentro do intervalo de 0 a 255.

Posso copiar o código de cada cor?

Sim, o código no formato escolhido (hex, RGB ou HSL) é exibido junto a cada amostra de cor gerada.

Para que serve o formato HSL?

HSL facilita ajustes intuitivos de tonalidade, saturação e luminosidade, sendo útil para quem está aprendendo teoria das cores.