Farben in SVG-Grafiken verwenden

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

Es gibt verschiedene Möglichkeiten, Farben in SVG-Grafiken zu verwenden. Sie können die Hexadezimalcodes der Farben benutzen, die Sie aus HTML kennen. Außerdem können Sie die Farbnamen oder aber RGB-Codes verwenden.

Hexadezimale Farbangaben beginnen immer mit dem Zeichen #. Dieses Zeichen gibt an, dass nun eine hexadezimale Zahl folgt. Diese Zahlen bestehen aus sechs "Ziffern", die wiederum aus den Zahlen 0 bis 9 und den Buchstaben A-F bestehen können. Letztere repräsentieren die Zahlen 10-15. Mit #FF0000 definieren Sie bspw. die Farbe Rot im hexadezimalen Farbcode. Die ersten beiden Ziffern stellen dabei den Rotanteil der Farbe dar, das zweite Ziffernpaar den Grünanteil und das letzte Paar den Blauanteil.

Ähnlich funktionieren auch RGB-Angaben von Farben. Dabei geben Sie die einzelnen Anteile von Rot, Grün und Blau durch Kommata getrennt in ganzzahligen Dezimalwerten an. Je höher die einzelnen Anteile sind, desto reiner ist die Farbe. Der niedrigste Wert ist 0, der höchste für jede Farbe ist 255.

Wichtig ist dabei, dass Sie das Schlüsselwort rgb zuvor angeben, danach folgen in Klammern die einzelnen Farbwerte, zuerst Rot, dann Grün und anschließend Blau, die durch Kommata getrennt werden. Je niedriger die einzelnen Farbwerte sind, desto dunkler ist die Farbe.

Schwarz wird bspw. durch die Angabe rgb(0,0,0) festgelegt, Weiß mit rgb(255,255,255). Immer dann, wenn alle drei Werte gleich sind, erhalten Sie einen reinen Grauton. Überwiegt einer der Werte, erzeugen Sie damit eine Farbe mit einem entsprechenden Farbstich in die Richtung des überwiegenden Farbanteils. Ein reines Rot erhalten Sie bspw. mit rgb(255,0,0), ein reines Grün mit rgb(0,255,0) ein reines Blau mit rgb(0,0,255).

RGB-Werte für wichtige Farben

Abbildung: RGB-Werte für wichtige Farben.

   

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema SVG bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © verlag moderne industrie GmbH 2001
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "Das Einsteigerseminar SVG — Webgrafiken mit XML" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

verlag moderne industrie GmbH, Justus-von-Liebig-Straße 1, D-86899 Landsberg/Lech, fon ++49 (0) 81 91 / 125 – 0, leserservice(at)mi-verlag.de