User Manual Quickstart General Concepts Buyer Side Snippets Engraving Styles and Form Fields Flex Designs Sub Documents Scripting Workflows Editing Workflow Production Workflow Tutorial Videos Frame Features Resources Pages Layers Snippets Images Fonts Colors Add Colors Color Selector Colors Context Menu Deleting Colors Color Groups Buyer Side Colors Color Schemes HLS Colors Using the builtin color picker Using other color pickers Styles Form Fields Account Portal Style Reference Change Log Known Bugs & Limitations Glossary Acknowledgements Api Reference Authorization Tokens Embedding The Editor Custom Integration Backend Api Price Display

Colors

Colors Overview

In the Colors tab you can create color swatches, powerful color schemes, and configure Buyer Side colors.

Add Colors

To add a new color swatch, press the Add Color Swatch button Add Font. The color dialogue will then open, and you can create a new color!

Add Color

Printess supports a wide range of color models. Process colors RGB, CMYK, and LAB are supported. Additionally, any color may be defined as a Spot color which is useful for special corporate colors, special functional colors for Die-Cut lines, and other technical markups.

By default, a new color swatch is named by its color values. If you want to create a specific color swatch name, deselect Name Color with Value and enter a swatch name in the text box above.

To set if a color swatch is a Process or Spot Color use the radio buttons:

You can choose a color model and directly enter its color values, or use the HLS color wheel to the left to define a color.

Using CMYK or LAB Colors While Defining a sRGB Screen Color

When defining CMYK or LAB colors you can (after defining the color) directly enter the sRGB color values to be shown on screen when using the color. This is especially useful for CMYK, whereas the RGB replacement colors are sometimes quite different from calculated values.

To define your CMYK color with a matching sRGB screen color, first switch to CMYK and enter your CMYK color values. The sRGB values will then change to a nearby color.

After this, click into the Red, Green, or Blue values or use the Web Color field to directly enter the preferred replacement colors (this will not change your CMYK or LAB values). Generally speaking, changing the selected color will change all other colors, but changing the other colors will not change your selected color. The color wheel is bound to the sRGB color type only.

Color Selector

Color Selector

There are many places in the Printess Designer UI where one can select a color but all of these places will use the Color Selector to do so. As this selector contains a high level of functionality, let us make ourselves familiar with it.

Color Selector

The easiest thing to do is to simply use it to select a color swatch you would like to use. Just click on the small down arrow to the right, and a drop-down will open from which you can select from all available created swatches in the Template.

The slider on the bottom adjusts the opacity, or in the case of a Spot color, controls the tint of the color.

Another option is to edit the selected color swatch directly from the selector. Just select the Pen icon and the color dialogue will open. Here you can alter every aspect of the color including the name. Note that this will not create a new color swatch (even if you change the name).

You can also switch to a custom color. A custom color is just a color without a saved swatch. It represents a certain color value that is not selectable in other places. To create a custom color just click on the color patch to the left of the selector and the color dialogue will open in Custom Color Mode.

Color Selector

As you can see, the swatch name options are gone as this is just a single color value. If you would like to create a new swatch from here select the Add RGB Swatch button in the dialogue:

Add Swatch

This will create and select a color swatch named with the current color value. If you need a different swatch name, simply click the Edit Swatch button.

Colors Context Menu

Colors Context Menu
Right-click on a color swatch to open the Colors Context menu. From here you can access several useful functions:

Deleting Colors

You can delete color swatches by pressing the DEL or Backspace keys or by selecting Delete in the Colors Context menu. If a user tries to delete a color swatch that is used in the document, Printess will ask whether they would like to create a custom color from it or choose a replacement swatch.

Pro Tip: As Printess always checks for color usage, you can reduce available color swatches to only the used ones with ease. Just select all color swatches in the Colors tab with CTRL-A and press DEL or Backspace. Printess will then delete all swatches not being currently used.

Color Groups

You can create groups to organize color swatches by pressing the Add Color Group icon Add Color Group.

Buyer Side Colors

There is an always present group called Buyer Colors. This default group holds the color swatches which will be available to a buyer wherever colors are selectable in the Buyer Side.

Note that Buyer Side colors are not limited to this group. Essentially, every group can be selected to be available to buyers.

Buyer Colors

Color Schemes

Color schemes are a powerful option in Printess that can be used to define several possible appearances for the same design.

For this, a designer can define several colors which appear throughout the document in different variations. Just create several groups which will hold the variations. The names of the groups will be what is selected by the buyer later on.

Now we can create or copy and alter all the colors of the color scheme again under the same name and put them into their respective groups like so:

Color Scheme Groups

As you can see, all of the colors now exist in several different places but with different color values.

On the Buyer Side, you can select the color scheme and let all the colors in the scheme change according to the selection of individual customers.

This is how it looks when a buyer selects a color scheme:

Color Scheme Selection

Selected Yellow: Color Scheme Yellow

Selected Blue:
Color Scheme Green

As you can see, all the colors in the color scheme changed with just one Buyer Side setting!

The color scheme selection automatically appears for the buyer the moment you create at least two color groups with at least one equally named color in it.

A very handy function to help create color schemes is the Duplicate function in the Colors Context menu. You can first create the design with a set of color swatches, then just multi-select all of them and select Duplicate from the Colors Context menu. Finally, just move the duplicated swatches to a new group and adjust the colors accordingly.

HLS Colors

Note: HLS colors work only with RGB colors.

Another great functionality for Buyer Side color manipulation is the HLS manipulation option. This option offers color changes on the Buyer Side where a customer only needs to select one color to change a range of connected colors with it.

To make use of HLS colors, start by selecting the same color for different features or elements and then manipulate them with the HLS sliders that appear when the HLS button below the color is selected. You can then change:

Below is an example where we selected blue as the fill-color swatch and the same color for the stroke, but manipulated it with the HLS sliders to be a lighter blue:

HLS Colors

The benefit of this method is that in the Buyer Side one can now select any available Buyer Color (again RGB only!) and thereby change both colors at once. This is especially useful if one would like to create easy-to-colorize Snippets.

Below is the same example as above, but now the buyer changed the color to pink. Note that as it is HLS color manipulation, only one color is allowed to change but changing the main color to pink now automatically changes the light blue to light pink as well!

HLS Colors Used

Using the builtin color picker

Printess makes it easy to pick any color - even outside the editor window. Simply choose the small probe icon above the color selector and you will get a virtual magnifying glass to select a point on the screen you’d like to select the color from.

This is limited to Chrome and similar Browsers and might require you to allow chrome screen access.

Color Picker

Using other color pickers

Printess supports the use of color pickers which store their color value as a hex value in the clipboard. Just pick a color and then select a frame containing a shape, Single Line text, or Path on Text and press CTRL + V and the text or shape will use your selected color as a custom color.

Of course, you can copy any color like “#FFAA12” into your clipboard and paste it into the selected frame. Printess will then apply the color to the primary colors of all selected frames.