Custom Colors

Fill and Stroke dialog icon Ctrl + Shift + F Object ‣ Fill and Stroke

When the palette does not contain the color you would like to use, you can select a color in the Fill and Stroke dialog. We will now take a closer look at that dialog.

At the top of the dialog, there are 3 different tabs: for the Fill, the Stroke paint, and the Stroke style.

In both the Fill and the Stroke paint tabs, you will find 5 different color selection modes: RGB (Red, Green, Blue), HSL (Hue, Saturation, Lightness), CMYK (Cyan, Magenta, Yellow, Key/Black), Wheel (Colorwheel) and CMS (Color Management System).

This book will not go into the details of the differences between these modes. Many people find the HSL color selector the easiest to use. The CMS color selector is reserved for advanced uses, and only makes sense in combination with the open source desktop publishing software Scribus .

For choosing a color for your first drawings, you can select any of the first four options.

4 different ways to select a color

The same light blue color in four different color selectors.

Blue mountains

Our mountains are light blue at the beginning.

To select your color, click or click-and-drag with the mouse in the different sliders (or the wheel). Always remember to first select your object! The result will immediately be displayed on the canvas. When you’re happy with it, don’t touch anything in the dialog!

Green mountains

But we prefer them green.

Green mountains with green stroke

And we choose a green stroke.

Every color chooser also has a field labelled A at the bottom. ‘A’ stands for ‘Alpha’, which is the opacity value of the selected color. The higher the value for alpha, the more opaque your color will be.

Green mountains with partially transparent fill

If we lower the alpha value for the fill, we can see that the sun is about to rise behind our green mountains. Note that the stroke is still completely opaque.

In case you were wondering about that little field labelled RGBA in the bottom right corner of the dialog: it is the name of the color in hexadecimal code, as it is used in a web page’s CSS. The last two letters appended to the code determine the opacity or ‘alpha value’ (just like the slider labeled A).