Gradient (Grafik)

Gradient (Grafik)
Beispiel für einen Gradienten: Ein linearer Farbverlauf von blau zu rot. Senkrecht zur weißen Linie ist die Füllfarbe des Rechtecks immer genau gleich, entlang der weißen Linie ändert sich der Blau-Anteil linear von 100% zu 0% - genau umgekehrt zum Rot-Anteil.

Ein Gradient ist ein Farbverlauf. Entlang einer Linie ändert sich die Farbe eines Objektes von einer (Start-)Farbe zu einer (Ziel-)Farbe. Der Farbverlauf kann auch radial verlaufen, es können mehrere Farbübergänge stattfinden und die Farbverläufe können auch nichtlinear sein.

Inhaltsverzeichnis

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.

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. Algorithmen zur Konvertierung in diese Räume und wieder von ihnen zurück findet man unter: http://www.easyrgb.com/math.php

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


Wikimedia Foundation.

Игры ⚽ Нужна курсовая?

Schlagen Sie auch in anderen Wörterbüchern nach:

  • Gradient — Das Wort Gradient bezeichnet: allgemein Steigung Gradient (Mathematik), einen Differentialoperator eines skalaren Feldes Gradient (Meteorologie), ein Maß für die Änderung einer atmosphärischen Größe in horizontaler oder vertikaler Richtung… …   Deutsch Wikipedia

  • Vektorformat — Vektorgrafiken setzen sich aus grafischen Primitiven wie Linien, Kreisen und Polygonen zusammen. Eine Vektorgrafik ist eine Computergrafik, die aus grafischen Primitiven wie Linien, Kreisen, Polygonen oder allgemeinen Kurven (Splines)… …   Deutsch Wikipedia

  • Vektorgraphik — Vektorgrafiken setzen sich aus grafischen Primitiven wie Linien, Kreisen und Polygonen zusammen. Eine Vektorgrafik ist eine Computergrafik, die aus grafischen Primitiven wie Linien, Kreisen, Polygonen oder allgemeinen Kurven (Splines)… …   Deutsch Wikipedia

  • Vektorzeichnung — Vektorgrafiken setzen sich aus grafischen Primitiven wie Linien, Kreisen und Polygonen zusammen. Eine Vektorgrafik ist eine Computergrafik, die aus grafischen Primitiven wie Linien, Kreisen, Polygonen oder allgemeinen Kurven (Splines)… …   Deutsch Wikipedia

  • Bildbearbeitungs-Programm — Foto einer Gedenktafel im Original ... ... und nach geometrischer und farblicher Bearbeitung Der Schwerpunkt von Bildbearbeitung ist es, die Fehler zu beheben, die beim Fotografier …   Deutsch Wikipedia

  • Digitale Bildbearbeitung — Foto einer Gedenktafel im Original ... ... und nach geometrischer und farblicher Bearbeitung Der Schwerpunkt von Bildbearbeitung ist es, die Fehler zu beheben, die beim Fotografier …   Deutsch Wikipedia

  • Elektronische Bildbearbeitung — Foto einer Gedenktafel im Original ... ... und nach geometrischer und farblicher Bearbeitung Der Schwerpunkt von Bildbearbeitung ist es, die Fehler zu beheben, die beim Fotografier …   Deutsch Wikipedia

  • Beschnitt — Der Titel dieses Artikels ist mehrdeutig. Druckersprachen im Sinne von Programmiersprachen zur Ansteuerung von Druckern befinden sich im Artikel zu Druckern im Abschnitt Druckersprachen. Der Ausdruck Druckersprache bezeichnet die Fachsprache der… …   Deutsch Wikipedia

  • Gesichtserkennung (Begriffsklärung) — Gesichtserkennung kann in unterschiedlichen Kontexten verschiedene Bedeutungen haben: Gesichtserkennung im Sinne von Erkennen, dass es sich um ein Gesicht handelt (zum Beispiel Einsatz in Digitalkameras zur Verbesserung von Hautfarben,… …   Deutsch Wikipedia

  • Regelstrecke — Blockschaltbild eines erweiterten Standardregelkreises. Die Störgröße kann an allen Teilen der Regelstrecke angreifen, meistens jedoch am Ausgang. Stellglied und Messglied müssen im Regelkreis berücksichtigt werden, wenn sie ein nicht… …   Deutsch Wikipedia

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”