This user guide covers the line color options on the Format Shape/Format Picture window. (See this user guide for ways to access the formatting window.)

Line color formatting options in Articulate Storyline 360

To change the line color of an object, use one of these options on the Line Color tab:

No Line

This removes the outline from the object.

Solid Line

This applies a single color to the outline.

Use the Color selector and do any of the following:

  • Click the color you want in the spectrum area. Drag the hue slider to change the dominant color of the spectrum.
  • Use the eyedropper tool to match the color of anything visible on your screen. Just click the eyedropper, then click any color on your screen.
  • Create a custom color by entering the color value in Hex. Click Hex to use Red/Green/Blue (RGB) or Hue/Saturation/Light (HSL) values.
  • Choose from three palette types: theme colors, project colors, or custom palettes, which include the standard colors palette by default, then select a square color swatch below it.

To save your chosen color for easy selection later, click the palette drop-down list, and then select one of your custom palettes or choose New Palette. Then click Add to Palette (+ icon). The color will get added to your custom palette. Click outside the color selector window to close it.

Back on the Format Shape window, drag the Transparency slider or enter a percentage to make the object semi-transparent.

Gradient Line

This applies a gradient of two or more colors that blend into one another.

Use the Preset colors selector to choose from several ready-made gradients, or use the other fields on the window to create a custom gradient.


Choose Linear, Radial, Rectangular, or Path. (Path means that the path of the gradient follows the perimeter of the object.)


Use the drop-down to choose one of the preset directions. (This field is grayed out for path gradients.)


If you're using a linear gradient, this field lets you specify the angle of the gradient.

Gradient Stops

Use a gradient stop for each color in your gradient. You can add and remove gradient stops by clicking Add or Remove. Set these properties for each gradient stop:

  • Stop position: Drag the slider or enter a percentage to indicate where you want the new color to start.
  • Color: Choose from the colors shown or select More Colors to choose a custom color.
  • Transparency: Drag the slider or enter a percentage.
Related Content