Este exercício é muito simples, porém pode ser muito útil para algumas pessoas. Trata-se de uma pequena função que serve para gerar uma cor aleatória, em formato hexadecimal, que é o utilizado na criação de webs.

Extraímos de outro exemplo realizado em Javascript, no qual necessitávamos gerar uma cor de maneira aleatória. Acreditamos que possa ser interessante para comentá-lo em um artigo à parte, se por acaso alguém necessitar criar uma cor totalmente aleatória em suas páginas.

Para criar uma cor aleatório precisamos simplesmente de 6 números em hexadecimal (números do 0 à F). Se obtivermos aleatoriamente estes 6 números hexadecimais, teremos criado o código de uma cor aleatória.

Função para gerar aleatórios

Portanto, para gerar um número aleatório, vamos nos apoiar em uma função relatada em outro artigo de CriarWeb.com: Geração de números aleatórios Javascript .

A função para gerar aleatórios que vamos utilizar então é a seguinte:

function aleatorio(inferior,superior){
   numPossibilidades = superior - inferior
   aleat = Math.random() * numPossibilidades
   aleat = Math.floor(aleat)
   return parseInt(inferior) + aleat
}

Como nós necessitamos de um aleatório hexadecinal, para nos apoiarmos nesta função, vamos gerar um número aleatório em decimal, que logo converteremos a hexadecimal. Para fazer esta conversão utilizaremos um array de valores hexadecimais como este:

hexadecimal = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F")

Agora, para obter esse valor aleatório hexadecimal, o único que temos que fazer é obter um índice entre 0 e o número de campos deste array. Então, o valor aleatório hexadecimal será o que tiver no array no campo cujo índice se obteve aleatoriamente. Isto se faz desta maneira:

posarray = aleatorio(0,hexadecimal.length)
valor_hexadecimal_aleatorio = hexadecimal[posarray]

Na primeira linha se obtém o índice do array aleatório, que está entre 0 e o número de posições do array. Na segunda valor_hexadecimal_aleatorio se obterá acessando ao array, na posição gerada aleatoriamente.

Obter a cor aleatória

Agora que já vimos uma maneira de obter um valor hexadecimal aleatório, vamos ver como obter uma cor aleatória, que não é mais do que obter 6 valores hexadecimais aleatórios e concatená-los.

hexadecimal = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F")
cor_aleatoria = "#";
for (i=0;i<6;i++){
   posarray = aleatorio(0,hexadecimal.length)
   cor_aleatoria += hexadecimal[posarray]
}

Depois da execução deste código, a variável cor_aleatoria conterá a cor gerada aleatoriamente.

Colocá-la em uma função

Para acabar esta pequena prática, vamos ver como se pode por tudo isto em uma função, que poderemos utilizar em qualquer contexto.

function dar_cor_aleatoria(){
   hexadecimal = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F")
   cor_aleatoria = "#";
   for (i=0;i<6;i++){
      posarray = aleatorio(0,hexadecimal.length)
      cor_aleatoria += hexadecimal[posarray]
   }
   return cor_aleatoria
}

Para ver este exemplo em funcionamento criamos uma página que mostra uma série de 50 cores gerados aleatoriamente.