O que é o gerador de cores ao acaso?
É uma ferramenta que cria uma cor aleatória cada vez que você toca e mostra o código em HEX, RGB e HSL, os formatos padrão usados em design e em CSS, junto com um nome aproximado da cor. Uma gota de tinta enche a amostra inteira para você vê-la em tamanho grande, e você copia o código com um toque.
É perfeita para encontrar inspiração quando você não sabe qual cor usar, para descobrir combinações novas ou simplesmente para deixar que a sorte escolha uma paleta por você.
Para que serve uma cor ao acaso?
- Design web e CSS: copiar uma cor em HEX ou RGB e colá-la na sua folha de estilos.
- Inspiração criativa: sair das suas cores de sempre e descobrir tons novos.
- Ilustração e arte: escolher uma paleta inicial ao acaso.
- Decidir entre opções atribuindo uma cor a cada uma.
- Jogos e desafios de adivinhar ou reproduzir cores.
Como funciona?
Cada cor é gerada escolhendo ao acaso um valor de 0 a 255 para cada um dos três canais (vermelho, verde e azul) com o gerador criptográfico do navegador (crypto.getRandomValues()). A combinação desses três valores dá a cor final, mostrada em HEX (#RRGGBB) e em RGB. Há mais de 16,7 milhões de cores possíveis, então é muito difícil que uma se repita.
O código da cor é calculado e copiado dentro do seu navegador; nada é enviado a nenhum servidor. O histórico guarda as últimas cores da sessão caso você queira recuperá-las.
Perguntas frequentes
O que é um código HEX?
É a forma de escrever uma cor na web com cerquilha e seis dígitos hexadecimais (#RRGGBB): dois para o vermelho, dois para o verde e dois para o azul. É o formato mais usado em CSS e design.
Como copio a cor?
Toque no código HEX, RGB ou HSL e ele é copiado para a área de transferência, pronto para colar no seu editor, CSS ou programa de design.
Quantas cores pode gerar?
Pouco mais de 16,7 milhões: 256 valores possíveis para cada canal (vermelho, verde e azul), ou seja, 256 × 256 × 256 combinações.
Serve para design web e CSS?
Sim. Dá a cor em HEX e RGB, os dois formatos padrão de CSS, então você pode colá-la diretamente na sua folha de estilos ou ferramenta de design.
As cores são realmente aleatórias?
Sim. Cada canal de cor é gerado com o gerador criptográfico do navegador, então cada cor é independente da anterior. Tudo acontece no seu navegador.
Qual é a diferença entre HEX, RGB e HSL?
São três formas de escrever a mesma cor. O HEX (#RRGGBB) é o mais usado na web e em design. O RGB indica a quantidade de vermelho, verde e azul (de 0 a 255). O HSL usa matiz, saturação e luminosidade, e é o mais intuitivo para clarear ou escurecer uma cor ou buscar tons parecidos. A ferramenta dá os três para você copiar o que precisar.
Para que serve uma cor aleatória?
Para sair do bloqueio criativo: escolher a cor de um logo, de uma ilustração ou de um quarto, fazer desafios de desenho ou testar combinações em um site. Se não gostar, gere outra: cada vez sai uma cor nova ao acaso.
Como uso o código hexadecimal no meu design?
Toque no código HEX (por exemplo, #3A7BD5) para copiar e cole no seu CSS, no Figma, no Canva ou no seu programa de desenho. Se o programa pedir RGB ou HSL, copie esses valores.
Guias relacionados
- Não sei o que escolher: 10 truques rápidos — Da eliminação em duas passadas ao truque da moeda: dez jeitos de sair da dúvida hoje mesmo, do mais racional ao mais divertido.
- Por que é tão difícil decidir — A ciência da indecisão: o experimento das geleias, a fadiga de decisão, maximizadores contra satisfatores e o que fazer com tudo isso.