Gerar cor hexadecimal aleatória com JavaScript

37d atrás

Ion

---

0 0

O código a seguir gera uma cor aleatória no formato hexadecimal. Cores hexadecimais são escritas com um "#" seguido de seis números representados em haxadecimal, ou seja, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E ou F. Como por exemplo:

#000000

Dessa forma, o código a seguir realiza um loop 6 vezes, para gerar os números aleatórios em hexadecimal, e concatena eles ao "#", gerando assim uma cor hexadecimal válida.

function gerarCorHex() {
    let hex = '#';
        
    for (let i = 0; i < 6; i++) hex += Math.floor(Math.random() * 16).toString(16);
        
    return hex;
}

Como usar

Para usar, basta executar a função da seguinte maneira:

gerarCorHex(); // #000000