Farben und Verläufe

RRGGBB, Transparenz, und die acht Ecken.

Die Schreibweise

Eine Farbe wird hexadezimal geschrieben, ohne Raute:

<color>2E447C</color>       <!-- deckend -->
<color>2E447C80</color>     <!-- halbtransparent -->

6 Zeichen: RRGGBB, deckend;
8 Zeichen: RRGGBBAA, die letzten beiden geben die Deckkraft — 00 unsichtbar, 80 halb, FF deckend.

Die nützlichsten Transparenzwerte

Den Code einer Farbe kennt man. Die zwei Zeichen der Deckkraft viel weniger:

Deckkraft	Schreiben	Deckkraft	Schreiben
0 % — unsichtbar	`00`	60 %	`99`
10 %	`1A`	70 %	`B3`
20 %	`33`	75 %	`BF`
25 %	`40`	80 %	`CC`
30 %	`4D`	90 %	`E6`
40 %	`66`	95 %	`F2`
50 %	`80`	100 % — deckend	`FF`

Die Rechnung, falls dein Wert fehlt: der Prozentsatz × 255, hexadezimal geschrieben.

Die Verläufe

box und image akzeptieren eine Farbe pro Kante oder pro Ecke. Zwei genügen für einen Verlauf.

Eigenschaft	Wirkung
`colorTop` + `colorBottom`	vertikaler Verlauf
`colorLeft` + `colorRight`	horizontaler Verlauf
`colorTopLeft`, `colorTopRight`, `colorBottomLeft`, `colorBottomRight`	Verlauf über die vier Ecken

<box name="ombre-du-haut">
  <pos>0 0</pos>
  <size>1 0.3</size>
  <colorTop>00000080</colorTop>
  <colorBottom>00000000</colorBottom>
</box>

Ein Verlauf von halbtransparentem Schwarz zu voller Transparenz: der klassische Schleier, unter dem ein Titel lesbar bleibt, egal welches Bild dahinterliegt.

Ein Bild einfärben

Auf einer image-Komponente füllt color nicht: Es multipliziert das Bild. Ein weißes Bild nimmt also genau die angegebene Farbe an — so färbt man ein Icon um, ohne die Datei neu zu machen.

<image name="etoile">
  <path>${root}/data/arts/etoile-blanche.svg</path>
  <color>FFC24B</color>      <!-- der Stern wird golden -->
</image>