For many elements, you can influence the colors used for the display of elements
or their backgrounds.
As with the fonts, selecting inherit
the color property will be applied from the parent CSS element. If you
select the entry Select color
in the Element
area, you will reach the dialog shown here.
Here you have the choice between Browser-safe colors,
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 additionally be shown 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 drop-down 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
The setting for Transparent
will display the element transparently. Inherit
corresponds to the inherit
setting, with which the color of the preceding element will be applied.
Clicking on Other…
you into the dialog in which you can select between Browser-safe
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.