There are many ways to define colors. In this project we are using HSL (Hue, Saturation, Lightness). You can read about HSL and other color models here.
In this project you take an array with 3 numbers and assign it a name. You are free to use any words as your array names.
var red = [0, 100, 63];
var tomato = [0, 100, 63];
var punchBuggy = [0, 100, 63];
In the case of red, Hue is 0, Saturation is 100% and Lightness is 63%.
There are many online tools to help you choose new colors. here is one, and here is another.
If you make a new color like this:
var tardis = [230, 58, 24];
Then you can use your new color in your
letterColors array. If you want more than one letter of each color, in a row, then you can build up a pattern like this:
letterColors = [tardis, tardis, tardis, punchBuggy];
Return to Learn more about these bubbles.