Gerador de cores aleatórias: uma cor nova com um toque
Este gerador de cores aleatórias mostra uma cor nova a cada toque. A página inteira fica daquela cor, então você vê a cor em tamanho grande, e não numa amostrinha, e o código HEX aparece em letras enormes, com os valores RGB e HSL logo abaixo. É grátis, não tem conta nem app para instalar e funciona no navegador do celular, do tablet ou do computador.
Como usar o gerador de cores
- Gere. Aperte o botão Gerar, toque no grande código da cor ou use a barra de espaço. A página se enche de uma nova cor aleatória.
- Escolha um estilo. A frase diz “Me dê qualquer cor”. Toque em “qualquer cor” para pedir cores vivas, pastel ou escuras.
- Copie o código. Copie o código HEX com um toque e cole no seu app de design, no seu código ou numa mensagem.
- Volte atrás. Suas cores recentes aparecem como pequenas etiquetas com o código HEX. Toque numa delas para trazer aquela cor de volta.
- Usar como cor do site. Achou uma cor que adorou? Aperte Usar como cor do site e ela vira a cor da página em todas as ferramentas do site, da roleta de nomes ao dado online.
- Use a voz. Toque no microfone no topo e diga “cor aleatória”.
O texto continua legível seja qual for a cor. Em cores claras, o texto branco sumiria, então ele passa para uma tinta escura do mesmo tom em vez de preto puro.
HEX, RGB e HSL, explicados de um jeito simples
As telas formam todas as cores misturando luz vermelha, verde e azul. Os três códigos da página são três formas de escrever a mesma cor.
HEX
Um código HEX tem esta cara: #3A7BD5. Depois do # vêm três pares de caracteres: um par para o vermelho, um para o verde e um para o azul. Cada par vai de 00 (nada) a FF (tudo), usando os dígitos de 0 a 9 e as letras de A a F. Assim, #FF0000 é vermelho puro, #FFFFFF é branco e #000000 é preto. Os códigos HEX são o jeito mais comum de escrever cores em web design e em muitos apps de design.
RGB
O RGB escreve as mesmas três quantidades como números comuns, de 0 a 255. #3A7BD5 vira rgb(58, 123, 213): um pouco de vermelho, um tanto de verde e bastante azul, o que dá um azul médio.
HSL
O HSL descreve a cor do jeito como as pessoas costumam pensar nela. O matiz (hue) é a posição no círculo cromático, de 0 a 360 graus (0 é vermelho, 120 é verde, 240 é azul). A saturação é o quanto a cor é viva, de 0% (cinza) a 100% (cor plena). A luminosidade (lightness) vai de 0% (preto) a 100% (branco). Cores pastel são claras e suaves, cores escuras têm pouca luminosidade, e cores vivas são muito saturadas.
Quantas cores existem?
Cada um dos três canais tem 256 valores possíveis, de 0 a 255. Multiplicando, 256 × 256 × 256, você chega a 16.777.216 cores HEX possíveis. Se você olhasse uma cor por segundo, sem parar, levaria mais de 194 dias para ver todas. Com tantas possibilidades, tirar exatamente a mesma cor duas vezes seguidas é muito improvável.
As cores são sorteadas com o gerador aleatório criptográfico do seu navegador, o mesmo tipo de fonte usado em segurança. Ninguém escolhe por você, e a graça é justamente essa: uma cor aleatória pode levar você a combinações que você nunca escolheria por conta própria.
Ideias para usar cores aleatórias
- Inspiração para design. Travou na paleta do convite de aniversário ou do post para o Instagram? Gere algumas cores, copie as que gostar e construa a partir delas. As opções pastel e escura ajudam quando você já sabe o clima que quer.
- Desafios de arte. Pinte ou desenhe algo usando a cor que aparecer. Junte com o gerador de palavras aleatórias para ter um tema, e o desafio está completo.
- Brincadeiras. Diga o nome de algo daquela cor o mais rápido possível, tente adivinhar o código HEX antes de olhar ou deixe a cor decidir qual time começa.
- Sala de aula. Mostre uma cor em tela cheia e converse com a turma sobre como ela é formada por vermelho, verde e azul.
- Um visual novo. Dê ao site inteiro uma cor sua com Usar como cor do site. Para mudar de novo, use o botão redondo de cor no canto inferior direito de qualquer página.
Suas cores e configurações ficam salvas só no seu navegador. Nada é enviado para um servidor, e o gerador continua funcionando sem internet depois que a página carrega.