For many elements, you can influence the colors in which the elements
or their backgrounds will be displayed.
As with the fonts, selecting inherit means that
the color property will be applied from the parent CSS element. If you
select the entry to Select color in the Element
settings area, you will reach the dialog shown here.
Here you have the choice between Browser-safe colors, the
setting via the RGB color model,
or the HSB color model.
The preview shows the current color of the element as well as the new,
changed color. The color value will be additionally given as a
hexadecimal number in the lower area.
With the RGB color model, your company colors can be very easily
adopted for use in the portal. If a hexadecimal color entry is
available, you can convert it easily to RGB values. A hexadecimal color
entry is always six-digit, beginning with the # character. The first
two characters after the # correspond to the amount of red in the RGB
color model. The third and fourth characters correspond to the amount
of green and the last two characters the amount of blue.
These values can be easily converted with a calculator. Enter the
hexadecimal value of the first two characters (FF)
and then simply switch to the decimal display of the value (255).
You will then enter the value returned into the RGB color model for the
corresponding amount of red. Continue in the same manner for the other
Click on OK once you have defined your color.
The RGB value of the color will be entered into the value column in the
format rgb (x,y,z). In it, x corresponds to red, y
to green, and z to the blue value. The RGB value can in this form be
entered directly to the selection list.
If you select colors from dialogs, a small palette will be shown.
If you do not want to assign a color, select the setting No
color. The setting for Transparent
will display the element transparently. Inherit
color corresponds to the inherit
setting, with which the color of the preceding element will be applied.
Clicking on Other… takes
you into the dialog in which you can select between Browser-safe
colors or the RGB or HSB color model.
Every new color will be automatically shown in the small color palette.
If you cannot find the color of an existing element in the color
palette, you can click on the color in the properties of the element.
The color will thereafter be shown in the small color palette and can
be applied to other elements.