Table of Contents

Colors - Quick and Custom

There are a couple different ways to change the color of a shape, image, or stroke. Colors can be changed in three different ways:

  1. There is quick selection via the bottom bar color guide.
  2. Custom colors in the fill and stoke menu bar. There are a variety of different ways to change the color in here including RGB, color wheel, among others. I use HSL the most often and will use it explain fill and stoke, but you can decide which one works best for you.

The way HSL works is:

H alters the Hue (what the color is)
S alters the Saturation (how much grey tones are in the color)
L alters the Lightness (how dark to light the color is)
A alters the Alpha or opacity (how translucent the color is)
  1. Or change the color via Hex codes (in the RGBA color slot).

Screen Shot 2022-01-29 at 6.46.29 PM.png

Screen Shot 2022-01-29 at 6.48.42 PM.png

Screen Shot 2022-01-29 at 6.49.24 PM.png

Word of caution when using the alpha slider.

Screen Shot 2022-01-29 at 8.37.37 PM.png

While the alpha slider can be used to alter how much color one sees, there is also the opacity slider below the blur slider which additionally alters the opacity level.

If you set the A to 0, even if the opacity is set to 100%, your shape or object will appear to disappear.

To avoid confusion, Iā€™d recommend only altering the opacity through the opacity slider, not the A slider.

Making custom color gradients

Color gradients are a great way to add depth, shadows, and other details. There are two major ways to make color gradients. If you have the fill and stroke menu bar open, you can select linear gradient or radial gradient. Now**,** a gradient selection will appear where you can name the gradient and you can add more gradients via the ā€˜+ā€™ button. ****

Screen Shot 2022-04-17 at 8.49.54 AM.png

To edit the color gradients colors, select the light to dark green tool. Your shape will now have two dots with a line.