# Generating Random Colors

**URL:** <https://forum.kirupa.com/t/generating-random-colors/639112>\
**Category:** programming\
**Created:** [December 12, 2018, 4:49am UTC](https://forum.kirupa.com/t/generating-random-colors/639112 "2018-12-12T04:49:06Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [December 12, 2018, 4:49am UTC](https://forum.kirupa.com/t/generating-random-colors/639112/1 "2018-12-12T04:49:06Z")

</div>

This is a companion discussion topic for the original entry at [https://www.kirupa.com/html5/generating\_random\_colors.htm](https://www.kirupa.com/html5/generating_random_colors.htm)

---

<div class="post-metadata">

**Author:** ![REB\_412](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/reb_412/32/9233_2.png) [@REB\_412](https://forum.kirupa.com/u/REB_412)\
**Post date:** [December 13, 2018, 2:49pm UTC](https://forum.kirupa.com/t/generating-random-colors/639112/2 "2018-12-13T14:49:24Z")

</div>

Excellent article and very instructive. However, in the section called " The Code", you show

```auto
var a_range = [1, 1];

```

but later you show the following  
var color = getRandomColor([0, 360],  
[90, 100],  
[0, 90],  
[0, 1]);  
which is confusing because are you really specifying a range of alpha values or just one value. The actual code shows  
var a\_range = [1, 1];  
which I believe will only give you one value of alpha, namely 1.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [December 13, 2018, 5:40pm UTC](https://forum.kirupa.com/t/generating-random-colors/639112/3 "2018-12-13T17:40:45Z")

</div>

Thanks for pointing that out! That is a mistake. Fixed it 🙂

---

<div class="post-metadata">

**Author:** ![JohnHansenArtist](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/johnhansenartist/32/8958_2.png) [@JohnHansenArtist](https://forum.kirupa.com/u/JohnHansenArtist)\
**Post date:** [December 13, 2018, 7:35pm UTC](https://forum.kirupa.com/t/generating-random-colors/639112/4 "2018-12-13T19:35:42Z")

</div>

I like this code! Yours would have given me more to play with when I built a kind of (don’t tell anyone) [Lite-Brite game on CodePen](https://codepen.io/linoxyn/pen/vpWNPj?editors=0010). My random colour code was -

```
let hex = Math.floor(Math.random() * 0xFFFFFF);
let colr = "#" + ("000000" + hex.toString(16)).substr(-6);
```

---

<div class="post-metadata">

**Author:** ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)\
**Post date:** [December 13, 2018, 7:48pm UTC](https://forum.kirupa.com/t/generating-random-colors/639112/5 "2018-12-13T19:48:57Z")

</div>

Careful here, this random color never makes `#ffffff` 😉

But I dig the lite brite 😃

---

<div class="post-metadata">

**Author:** ![JohnHansenArtist](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/johnhansenartist/32/8958_2.png) [@JohnHansenArtist](https://forum.kirupa.com/u/JohnHansenArtist)\
**Post date:** [December 13, 2018, 7:53pm UTC](https://forum.kirupa.com/t/generating-random-colors/639112/6 "2018-12-13T19:53:41Z")

</div>

True, a limitation though I can live with it 😉  
Thank you! :cool:

---

<div class="post-metadata">

**Author:** ![TheCanadian](https://avatars.discourse-cdn.com/v4/letter/t/67e7ee/32.png) [@TheCanadian](https://forum.kirupa.com/u/TheCanadian)\
**Post date:** [December 13, 2018, 10:08pm UTC](https://forum.kirupa.com/t/generating-random-colors/639112/7 "2018-12-13T22:08:10Z")

</div>

White is overrated.

---

<div class="post-metadata">

**Author:** ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)\
**Post date:** [December 13, 2018, 11:33pm UTC](https://forum.kirupa.com/t/generating-random-colors/639112/8 "2018-12-13T23:33:58Z")

</div>

Saw this just now, reminded me of yours :beam:

> <https://gfycat.com/ampleecstaticestuarinecrocodile>

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [December 13, 2018, 11:53pm UTC](https://forum.kirupa.com/t/generating-random-colors/639112/9 "2018-12-13T23:53:10Z")

</div>

That is cool haha.

---

<div class="post-metadata">

**Author:** ![JohnHansenArtist](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/johnhansenartist/32/8958_2.png) [@JohnHansenArtist](https://forum.kirupa.com/u/JohnHansenArtist)\
**Post date:** [December 14, 2018, 3:54pm UTC](https://forum.kirupa.com/t/generating-random-colors/639112/10 "2018-12-14T15:54:32Z")

</div>

Too Cool! LOL :cool: