Colors
For many elements, you can influence the colors used for the display of elements
or their backgrounds.
As with the fonts, selecting
inherit means that
the color property will be applied from the parent CSS element. If you
select the entry
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 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
character pairs.
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
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.