How to use the Coding & Color Picker in Launch Pad and Voyage

In this article you will learn how to use the Code & Color Picker in the Launch Pad and Voyage platforms.

Last updated - July 10, 2025

 

Custom colors are an important part of building a website! Modern browsers support 140 colors that can be used by name. The following website includes a list containing each browser supported color name:

It is also possible to generate any color using a color picker!  Skill Struck has a color picker tool in both Launch Pad and Voyage!

How to Access the Color Picker in Voyage

  1. From your Voyage homepage, click "Code."
    q2

  2. Click the color picker icon in the top right corner of your screen.
    color pallete button 1


  3. Select one of the available colors and click "Copy."
    copy color button 1

  4. You are now able to paste the color into your code!


How to Access the Color Picker in Launch Pad

  1. From your Launch Pad homepage, click "Launch Pad."
    q1


  2. Navigate to a lesson.
    launch pad lesson 1


  3. Click the "Resources" button and select "Color Picker."
    lp resources 1


  4. Select one of the available colors and click "Copy."
    copy button 1


  5. You are now able to paste the color into your code!