How to use colors in page4?

Colours should be used sparingly and specifically. It is important that only a limited number of colours are used and that they are coordinated. In the color selector of page4 you can specify colors and save them to a clipboard. So you can then access the same colours everywhere. There are several input fields to select colors:

This input field allows you to specify a color and has a trash. The code of the color and a preview are displayed. Use the trash to wash the paint. This means that the element either gets the color specified by the design. This is the case with font colors. Or the element does not get any color, so it becomes transparent, like for example with a background.

This input field allows you to specify a color and has a trash. In addition, the input field offers the option of specifying a coverage in percent. This can be used to create transparent colors. The code of the color and a preview are displayed. Use the trash to wash the paint. This means that the element either gets the color specified by the design. This is the case with font colors. Or the element does not get any color, so it becomes transparent, like for example with a background.

This input field allows you to specify a color. In addition, the input field offers the option of specifying a coverage in percent. This can be used to create transparent colors. The code of the color and a preview are displayed.

The item has no trash. On the one hand, therefore, a color is mandatory. For example, a line always needs a color. It makes no sense to create a 2 px line without color. On the other hand, there are no color specifications for this element in the design.


Color chooser

Everywhere where you can color an element, you will find our color dialog. This dialog allows you to create any color and apply it to an element. The dialog is very simple. On the left side you see an interactive color field (1) and next to it a bar with color areas. If you select a certain color in the color range, let's say a red, then the color field on the left mixes red with white and black and at the same time the red is displayed in different transparencies. On the left side there is always deep black, so #00000000 which turns slowly and evenly to a white shade, so #FFFFFF.

Up in the field  is the color you have selected in the color bar on the right in full tone, i.e. in the original tone, and the color tone extends downwards to a pure white, i.e. #FFFFFF. At the very bottom right you can find the pure white and between these two corners all possible mixtures that result when mixing the colour tone with white or black or white and black.  Through this concept extremely many colours can be produced. You can select any point in this field with the mouse, represented by a circle and to the right of the large field (3) the selected color is then displayed in a uniform area and below it there are various input fields, which display the concrete values of the selected color. At the top of the hexcode with a double cross (#) (A) and below the RGB values (B) and more.

You can overwrite each field and thus change the color ändern. If you know the hex code, you can enter it and use it.

There is a palette with so-called pure colors (4) and different gray levels. Such bright, pure colors are currently not very modern and seem rather dubious and shrill.

The color archive (5) is the far right in the dialog. Here you can save 30 own colors. The plus sign (6) adds a new color tone, i.e. the color currently displayed. If the color already exists in the archive nothing happens, otherwise a color is added as long as there is still space. The trash will remove the color from the archive. This process cannot be repeated. You can, of course, recreate the yellowed color at any time and add it to the archive.