Publicidade

Gerador de cor aleatória

Toque no botão e receba uma cor sorteada com o código HEX, os valores RGB e HSL e um nome simples, como azul ou rosa. Sorteie até dez de uma vez para montar uma paleta, fique só nas cores vivas, pastel ou escuras e toque em qualquer amostra para copiar o código.

Tipo de cor

    Nenhuma cor sorteada ainda

    Sorteios anteriores

    Cada sorteio aparece aqui, o mais recente em cima.

      Publicidade

      Como sortear uma cor

      1. Escolha o tipo lá em cima: Qualquer cor, Vivas, Pastel ou Escuras.
      2. Toque em Sortear uma cor. A amostra mostra o código HEX, como #3A7BD5, e o nome da cor; RGB e HSL ficam embaixo.
      3. Mude Quantas para receber até dez cores diferentes de uma vez. Em Vivas, Pastel ou Escuras elas se espalham por todo o círculo cromático, então uma paleta de cinco nunca sai com cinco azuis.
      4. Toque numa amostra para copiar o código HEX ou em Copiar todas para levar o sorteio inteiro, um código por linha. No Histórico ficam as cores anteriores.

      Publicidade

      Para que serve uma cor aleatória

      Design e código

      Precisa de uma cor provisória para um protótipo, uma série de gráfico ou um teste de CSS? Sorteie, toque e cole o código HEX direto no Figma, na folha de estilo ou na planilha. O HSL ajuda quando você quer ajustar a luminosidade na mão.

      Ideias de paleta

      Sempre as mesmas três cores? Sorteie cinco tons pastel ou cinco escuros e veja combinações que você nunca escolheria. Guarde as de que gostar pelo Histórico e sorteie de novo o resto.

      Desafios criativos

      Pinte, faça crochê ou decore um bolo com a cor que sair. Muita gente usa a cor aleatória como desafio diário de desenho, e na aula de artes ela abre bem uma conversa sobre misturas e tons.

      Brincadeiras e times

      Dê uma cor para cada time, sorteie a cor da próxima rodada ou decida a cor que todo mundo vai usar na foto da turma. O modo apresentação mostra a amostra bem grande para a sala toda.

      Publicidade

      Perguntas sobre a cor aleatória

      Toda cor tem a mesma chance?

      Em Qualquer cor, sim: cada uma das 16.777.216 cores do RGB de 24 bits tem a mesma chance, por isso muitos resultados saem meio acinzentados ou apagados. Em Vivas, Pastel ou Escuras todo tom tem a mesma chance, e a saturação e a luminosidade ficam na faixa que o nome promete. O sorteio usa o gerador aleatório seguro do navegador.

      O que significam HEX, RGB e HSL?

      São três jeitos de escrever a mesma cor. O HEX, como #FF5A3C, é o código curto usado em sites. O RGB mostra a quantidade de vermelho, verde e azul de 0 a 255. O HSL mostra o tom no círculo cromático em graus e depois a saturação e a luminosidade em porcentagem.

      De onde vem o nome da cor?

      A página olha o tom, a saturação e a luminosidade e dá a palavra do dia a dia para aquela faixa: vermelho, laranja, amarelo, verde, turquesa, azul, roxo, rosa, marrom, cinza, preto ou branco. É uma referência aproximada, não um nome oficial, então uma cor na fronteira entre duas pode receber qualquer uma das palavras.

      Como copio uma cor?

      Toque ou clique na amostra e o código HEX vai para a área de transferência. Copiar todas copia todas as cores do último sorteio, uma por linha, e Copiar no Histórico copia os sorteios anteriores com o horário.

      Podem sair duas cores iguais na mesma paleta?

      Não. Um sorteio de várias cores nunca repete nenhuma. Em Vivas, Pastel ou Escuras elas também ficam afastadas no círculo cromático, então dá para ver bem a diferença.

      Preciso de conta ou aplicativo?

      Não. A página funciona em qualquer navegador atual no celular, tablet ou computador, continua funcionando off-line depois de carregada e guarda o histórico só no seu aparelho.

      Publicidade

      Outras ferramentas de sorteio