Farbgradient
Mit einem Farbgradient lässt sich ein Farbverlauf charakterisieren. Ein Farbverlauf ist eine Änderung von einer (Start-)Farbe in eine (Ziel-)Farbe mit einem anderen Farbton, Farbsättigung und/oder Farbhelligkeit. Ein Farbgradient hat eine Richtung, welche in die Richtung der größten Änderung eines stufenlosen Farbverlaufs zeigt.
Farbverläufe und Farbräume
Linearer RGB-Verlauf
Der RGB-Farbraum ist ein Raum, in dem jede Farbe aus einem Rot-, einem Grün- und einem Blau-Anteil zusammengesetzt wird. Dieser bildet einen dreidimensionalen Würfel, in dem man eine Gerade, von der Start- zur Zielfarbe, konstruieren kann.
- <math>F(x)=x\cdot F_1 +\left(1-x\right)\cdot F_2</math>
Hierbei steht <math>F</math> für die 3 RBG-Farben, welche bei dem Mischungsverhältnis <math>x</math> der zwei Farben <math>F_1</math> und <math>F_2</math> erzeugt wird.
- Nicht-Linearer RGB-Verlauf
Da das lineare Mischen von zwei Farben zum Teil zu unerwarteten Ergebnissen (z. B. der gräuliche Ring zwischen blau und rot im radialen Farbverlauf) führt, können andere Interpolationen verwendet werden. Ein Beispiel ist die Folgende:
- <math>F(x)=\sqrt{x\cdot F_1^2 +\left(1-x\right)\cdot F_2^2}</math>
Linearer Farbverlauf in anderen Farbräumen
Es gibt eine Reihe weiterer Farbräume, mit denen man Farben darstellen kann. Etwa der CMYK-Raum oder die verschiedenen Lab-Farbräume (XYZ, Hunter-Lab oder CIELab). Konvertiert man die beiden Ausgangsfarben in ein solches Modell, berechnet dort einen linearen Verlauf und konvertiert das Ergebnis zurück in RGB, so bekommt man einen anderen, in RGB nicht mehr unbedingt linearen Verlauf.
Versucht man dieses Verfahren auf den CMY-Raum anzuwenden, so stellt man fest, dass das Ergebnis dasselbe ist, welches man auch im RGB-Raum erzielt.
Farbverläufe im HSV-Raum
Der HSV-Raum ist ein Farbraum, in dem man eine Farbe durch einen Farbwinkel, eine Sättigung und eine Helligkeit bestimmt. Diese Darstellung soll der menschlichen Farbwahrnehmung näher kommen als andere Farbräume. Den HSV-Raum kann man entweder als Zylinder oder als Kegel auffassen.
- Linearer Verlauf
Auch im HSV lässt sich ein linearer Verlauf erzeugen, indem man die Winkel und Prozentwerte erst in räumliche Koordinaten und danach wieder zurück wandelt. Hierbei muss man sich für die Darstellung des Raumes als Zylinder oder als Kegel entscheiden.
- Spiralausschnitt im Uhrzeigersinn
Unterscheiden sich zwei Farben nur durch ihren Farbwinkel, so kann man den Kreisausschnitt als Verlauf annehmen, auf dem diese beiden Farben liegen.
Unterscheiden sich beide Farben auch in Helligkeit, und Sättigung, so erhält man einen Spiralausschnitt in dem HSV-Kegel.
Diese Art des Übergangs hat den Vorteil, dass beim Verlauf ähnlich gesättigter Farben keine grauen Farben auftauchen. Ist die Sättigung aber 0, so tauchen im Verlauf jedoch ebenso unerwartete Farben auf.
- Spirale gegen den Uhrzeigersinn
Man kann eine ähnliche Spirale wie oben beschrieben auch in der anderen Richtung beschreiten. Liegen die beiden Farben relativ eng beieinander, so ist nur einer der beiden Verläufe, der kürzere, sinnvoll, liegen die beiden Farben dagegen weit auseinander, so ist es Geschmackssache, welchen man bevorzugt. Der obere läuft eher durch die Kühleren, der untere eher durch die wärmeren Farben.
Weblinks
- <templatestyles src="Webarchiv/styles.css" />{{#if:
| {{#ifeq: {{{wayback}}} | *
| {{#if: Gradient Dateiformate | {{#invoke:WLink|getEscapedTitle|Gradient Dateiformate}} | {{#invoke:Webarchiv|getdomain|http://illusions.hu/effectwiki/doku.php?id=color_gradients}} }} (Archivversionen)
| {{#iferror: {{#time: j. F Y|{{{wayback}}}}}
| {{#if: || }}Der Wert des Parameters {{#if: wayback | wayback | Datum }} muss ein gültiger Zeitstempel der Form YYYYMMDDHHMMSS sein!
| {{#if: Gradient Dateiformate | {{#invoke:WLink|getEscapedTitle|Gradient Dateiformate}} | {{#invoke:Webarchiv|getdomain|http://illusions.hu/effectwiki/doku.php?id=color_gradients}} }} {{#ifeq: | [] | [ | ( }}{{#if: {{#if: | {{{archiv-bot}}} | }} | des Vorlage:Referrer }} vom {{#time: j. F Y|{{{wayback}}}}} im Internet Archive{{#if: | ; }}{{#ifeq: | [] | ] | ) }}
}}
}}
| {{#if:
| {{#iferror: {{#time: j. F Y|{{{webciteID}}}}}
| {{#switch: {{#invoke:Str|len|{{{webciteID}}}}}
| 16= {{#if: Gradient Dateiformate | {{#invoke:WLink|getEscapedTitle|Gradient Dateiformate}} | {{#invoke:Webarchiv|getdomain|http://illusions.hu/effectwiki/doku.php?id=color_gradients}} }} {{#ifeq: | [] | [ | ( }}{{#if: {{#if: | {{{archiv-bot}}} | }} | des Vorlage:Referrer }} vom {{#time: j. F Y| 19700101000000 + {{#expr: floor {{#expr: {{#invoke:Str|sub|{{{webciteID}}}|1|10}}/86400}} }} days}} auf WebCite{{#if: | ; }}{{#ifeq: | [] | ] | ) }}
| 9 = {{#if: Gradient Dateiformate | {{#invoke:WLink|getEscapedTitle|Gradient Dateiformate}} | {{#invoke:Webarchiv|getdomain|http://illusions.hu/effectwiki/doku.php?id=color_gradients}} }} {{#ifeq: | [] | [ | ( }}{{#if: {{#if: | {{{archiv-bot}}} | }} | des Vorlage:Referrer}} vom {{#time: j. F Y| 19700101000000 + {{#expr: floor {{#expr: {{#invoke:Str|sub|{{#invoke:Expr|base62|{{{webciteID}}}}}|1|10}}/86400}} }} days}} auf WebCite{{#if: | ; }}{{#ifeq: | [] | ] | ) }}
| #default= Der Wert des Parameters {{#if: webciteID | webciteID | ID }} muss entweder ein Zeitstempel der Form YYYYMMDDHHMMSS oder ein Schüsselwert mit 9 Zeichen oder eine 16-stellige Zahl sein!{{#if: || }}
}}
| c|{{{webciteID}}}}} {{#if: Gradient Dateiformate | {{#invoke:WLink|getEscapedTitle|Gradient Dateiformate}} | {{#invoke:Webarchiv|getdomain|http://illusions.hu/effectwiki/doku.php?id=color_gradients}} }} ({{#if: {{#if: | {{{archiv-bot}}} | }} | des Vorlage:Referrer}} vom {{#time: j. F Y|{{{webciteID}}}}} auf WebCite{{#if: | ; }}{{#ifeq: | [] | ] | ) }}
}}
| {{#if: 20130217163609
| Vorlage:Webarchiv/Today
| {{#if:
| Vorlage:Webarchiv/Generisch
| {{#if: Gradient Dateiformate | {{#invoke:WLink|getEscapedTitle|Gradient Dateiformate}} | {{#invoke:Webarchiv|getdomain|http://illusions.hu/effectwiki/doku.php?id=color_gradients}} }}
}}}}}}}}{{#if:
| Vorlage:Webarchiv/archiv-bot
}}{{#invoke:TemplatePar|check
|all = url=
|opt = text= wayback= webciteID= archive-is= archive-today= archiv-url= archiv-datum= ()= archiv-bot= format= original=
|cat = Wikipedia:Vorlagenfehler/Vorlage:Webarchiv
|errNS = 0
|template = Vorlage:Webarchiv
|format = *
|preview = 1
}}{{#ifexpr: {{#if:|1|0}}{{#if:|+1}}{{#if:|+1}}{{#if:20130217163609|+1}}{{#if:|+1}} <> 1
| {{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Genau einer der Parameter 'wayback', 'webciteID', 'archive-today', 'archive-is' oder 'archiv-url' muss angegeben werden.|1}}
}}{{#if:
| {{#switch: {{#invoke:Webarchiv|getdomain|{{{archiv-url}}}}}
| web.archive.org =
{{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Im Parameter 'archiv-url' wurde URL von Internet Archive erkannt, bitte Parameter 'wayback' benutzen.|1}}
| webcitation.org =
{{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Im Parameter 'archiv-url' wurde URL von WebCite erkannt, bitte Parameter 'webciteID' benutzen.|1}}
| archive.today |archive.is |archive.ph |archive.fo |archive.li |archive.md |archive.vn =
{{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Im Parameter 'archiv-url' wurde URL von archive.today erkannt, bitte Parameter 'archive-today' benutzen.|1}}
}}{{#if:
| {{#iferror: {{#iferror:{{#invoke:Vorlage:FormatDate|Execute}}|}}
| {{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Der Wert des Parameter 'archiv-datum' ist ungültig oder hat ein ungültiges Format.|1}}
| }}
| {{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Der Pflichtparameter 'archiv-datum' wurde nicht angegeben.|1}}
}}
| {{#if:
| {{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Der Parameter 'archiv-datum' ist nur in Verbindung mit 'archiv-url' angebbar.|1}}
}}
}}{{#if:{{#invoke:URLutil|isHostPathResource|http://illusions.hu/effectwiki/doku.php?id=color_gradients}}
|| {{#if: || }}
}}{{#if: Gradient Dateiformate
| {{#if: {{#invoke:WLink|isBracketedLink|Gradient Dateiformate}}
| {{#if: || }}
}}
| {{#if: || }}
}}{{#switch:
|addlarchives|addlpages= {{#if: || }}{{#if: 1 |}}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: enWP-Wert im Parameter 'format'.|1}}
}}{{#ifeq: {{#invoke:Str|find|http://illusions.hu/effectwiki/doku.php?id=color_gradients%7Carchiv}} |-1
|| {{#ifeq: {{#invoke:Str|find|{{#invoke:Str|cropleft|http://illusions.hu/effectwiki/doku.php?id=color_gradients%7C4}}%7Chttp}} |-1
|| {{#switch: {{#invoke:Webarchiv|getdomain|http://illusions.hu/effectwiki/doku.php?id=color_gradients }}
| abendblatt.de | daserste.ndr.de | inarchive.com | webcitation.org =
| #default = {{#if: || }}{{#if: 1 |}}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Archiv-URL im Parameter 'url' anstatt URL der Originalquelle. Entferne den vor der Original-URL stehenden Mementobestandteil und setze den Archivierungszeitstempel in den Parameter 'wayback', 'webciteID', 'archive.today' oder 'archive-is' ein, sofern nicht bereits befüllt.|1}}
}}
}}
}}