Can I make more colors?


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.

Got a problem in executing these following codes
What do the number mean?
Where Did the Numbers Come From in Color Arrays?