Storyline 360: Enhanced Color Selector

Article Last Updated

This article applies to:

With the new persistent color selector, you can streamline your design workflow to quickly create uniquely customized Storyline 360 courses. The color selector window lets you organize custom colors into different palettes and remains visible as you choose colors for an object. 

Using the New Color Selector

Access the new color selector throughout Storyline, such as in the formatting window or when selecting player colors. Click the Undock icon on the upper right to move it to an adjustable floating window, as shown above.

The numbered items in the image below show the options for the three palette types: theme colors, project colors, or custom palettes. Refer to the table for their descriptions. 

#

Feature

Description

1

Select Colors From the Spectrum

Choose a tint, tone, or shade in the color spectrum.

2

Change the Spectrum's Hue

Drag the hue slider to change the dominant color of the spectrum.

3

Adjust the Transparency

Drag the transparency slider from opaque (0%) to transparent (100%). You'll see the corresponding percentage on the right-most field below the slider.

Note: Some settings don't use transparency, such as accents for markers in 360° images and custom theme colors.

4

Select Colors with Color Codes

Manually enter the hex code and transparency value to pick a custom color. Click Hex to use Red/Green/Blue (RGB) or Hue/Saturation/Light (HSL) values.

Then manually set a transparency percentage (%) on the right-most field.

5

Select Colors From Your Screen

Click the Eyedropper tool, then click any color on your screen.

Theme Colors

6

Select Colors From the Current Theme

The palette dropdown shows the current theme colors when you first launch the color selector window. Select a color from the corresponding palette below it.

7

Create or Edit Theme Colors

Click Create New Theme Colors (pencil icon) on the right to create and customize new theme colors.

Project Colors

8

Select Colors From the Project

Click the palette dropdown and select Project Colors to display all the colors currently used in the project. Select a color from the corresponding palette below it. 

Colors are dynamically added and removed as you work on your project.

9

Save Project Colors

Click Save (disk icon) on the right to save the current colors as a custom palette.

Custom Palettes

10

Create a New Palette

Click the palette dropdown, select New Palette, and give your custom palette a unique name.

11

Switch Between Custom Palettes

Click the palette dropdown and choose from your custom palettes at the bottom of the list.

The Standard Colors palette is created automatically. You can modify or delete it like other custom palettes.

12

Add Colors to a Custom Palette

Choose the custom palette you want from the palette dropdown. Select a color from the spectrum, type in the color code in Hex/RGB/HSL, or use the eyedropper tool, then click Add to Palette (+ icon).

13

Manage Custom Palettes

Select the custom palette from the palette dropdown, then click Edit Custom Palette (pencil icon) on the right to rename or delete it.

14

Removing Colors from a Custom Palette

Right-click a color from the custom palette to see the following options:

  • Remove color: Deletes the selected color

  • Clear Palette: Deletes all colors but keeps the palette

Tips:

  • For all palette types, mouse over any color to get more details, such as theme or palette name, Hex code, and transparency.
  • Share custom palettes with other authors in two ways:
    • Send a Storyline (.story) project file that contains shapes with the colors you want to share. They can then save the project colors as a custom palette.
    • Find the palette's .xml file in %appdata%\Articulate\Storyline\Color Palettes and send it to them. They can then save the file in the same location on their hard drive to use it in Storyline.

Compatibility

The enhanced color selector is exclusive to the November 2022 update of Storyline 360 and later. However, it doesn't affect compatibility. You can open project files that use this feature in older versions of Storyline 360 and Storyline 3.