O que é Gerador de cores aleatórias?

Gere cores aleatórias com seus valores HEX, RGB e HSL. Bloqueie as que gostar, regenere as demais e copie qualquer código de cor com um clique.

Aperte a barra de espaço (ou clique em gerar) e a página troca por uma nova fileira de cores aleatórias, cada uma com o nome e os valores HEX, RGB e HSL. Arraste o controle e a paleta vai de uma única cor de destaque até oito amostras. Mude o seletor de Estilo para Pastel, Vibrante, Escuro ou Terra para puxar o sorteio para um clima específico, ou escolha uma regra de Harmonia (complementar, análogo, triádico, tetrádico) para que as cores combinem por teoria das cores em vez de aparecerem soltas. Trave as que gostar pelo cadeado e gere o resto. Cada código vai para a área de transferência num clique, e a paleta inteira baixa como arquivo de texto ou imagem PNG pronta para compartilhar. Precisa de código? Um toque copia o conjunto inteiro como um bloco :root de propriedades personalizadas CSS, e outro copia um link que reabre exatamente esta paleta onde você colar. Abra a faixa de claros e escuros de qualquer amostra para pegar cinco tons mais claros e cinco mais escuros, ótimos para estados hover, bordas e fundos com tom.

Como usar

1. Escolha quantas cores você quer (de 1 a 8, 5 por padrão) e clique em gerar para preencher a paleta.
2. Bloqueie as cores que deseja manter e gere novamente para preencher os espaços restantes.
3. Clique em qualquer código de cor (HEX, RGB ou HSL) para copiá-lo para a área de transferência.

Quando usar

• Quebrar o bloqueio criativo quando você encara um Figma em branco sem ideia de paleta.
• Escolher uma família de tons para um projeto paralelo, doc de brainstorm ou atividade de arte com as crianças.
• Sacar um HEX rápido para uma peça pontual (banner, miniatura de rede social, papel de parede) sem caçar tendências de cor do ano.

Resultado

Um web designer precisa de cores de destaque para um novo projeto. Ele gera paletas até encontrar #E8674A (coral quente), bloqueia essa cor e continua gerando para encontrar cores complementares.

Perguntas frequentes

Como a cor é escolhida na prática?

No modo padrão Aleatório + Qualquer cada canal (vermelho, verde, azul) recebe um inteiro novo entre 0 e 255, então pode aparecer qualquer um dos ~16,7 milhões de trios RGB — aleatoriedade uniforme real, sem viés curado. Quando você escolhe um Estilo (Pastel, Vibrante, Escuro, Terra), a ferramenta sorteia matiz, saturação e luminosidade dentro da faixa daquele clima. Os modos de Harmonia tomam uma base aleatória e derivam as demais pelos deslocamentos da roda das cores.

Por que minhas paletas aleatórias às vezes ficam embarradas?

O aleatório uniforme em RGB tende a cinzas médios e tons opacos porque a maior parte do cubo fica nessa região. O atalho mais rápido é mudar o seletor de Estilo de Qualquer para Vibrante ou Pastel — a ferramenta passa a amostrar dentro de uma faixa cuidada de matiz/saturação/luminosidade, e o miolo turvo nem aparece. Também dá para travar as cores mais vivas e gerar o resto duas ou três vezes até a fileira fechar.

Posso manter uma cor e regenerar as outras?

Sim. Toque no cadeado de uma amostra para travá-la e clique em gerar. As travadas ficam paradas; as outras são sorteadas de novo. É o jeito mais rápido de fixar uma cor-base e explorar acentos ao redor.

Qual a diferença entre HEX, RGB e HSL?

HEX (#1A2B3C) é o mesmo RGB em base 16, padrão em CSS e ferramentas de design. RGB (rgb(26,43,60)) nomeia os três canais em decimal. HSL (hsl(210,40%,17%)) descreve matiz, saturação e luminosidade, e é mais intuitivo para ajustes manuais.

É realmente aleatório ou usa semente?

Usa o Math.random do JavaScript dentro da sua aba. É pseudoaleatório: para design fica indistinguível do verdadeiro acaso, embora não sirva para criptografia. Recarregue a página e cai uma paleta totalmente nova.

Ferramentas relacionadas