Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Colour gradients offer an easy and effective way to define stunning colour schemes for contour plotting. The idea behind the colour gradients is that we just define a few waypoints representing certain colours then the colours between the waypoints are automatically generated based on with a user defined given interpolation method and resolution.

Enable gradient shading

To enable the colour gradient mode in the Contouring icon we need to use contour shading and set the Contour Shade Colour Method to "Gradients". This is how it looks in the Contouring icon editor:

...

Having set this we need to scroll further down in the icon editor to find the gradient settings. This is what we can see by default:

Start editing

To edit Contour Gradient Gradients Colour List open its helper (click by clicking on the << button):

By default the gradient list only contains one waypoint. Using the button we can add a new waypoint to the right of the current one and change its colour (e.g.. to red) using the colour wheel:

Image Added

With the current settings the gradient was generated by linear interpolation in the RGB colour space (see Colour Gradients Technique) with 10 steps between the two waypoints (see Colour Gradients Steps List).

Gradient techniques

There are other gradient techniques available on top of the RGB-base one  (this is the default). These are as follows:

  • HCL: the interpolation is done in the Hue-Chroma-Lightness colour space
  • HSL: the interpolation is done in the Hue-Saturation-Lightness colour space

Both in the HCL and HSL spaces we can choose an interpolation direction along the colour wheel (hue values). The can be done by setting using Contour Gradients Technique Direction either to clockwise or anticlockwise. 

This is how our gradient would look by setting the technique to "HCL" and the direction to "clockwise":

Image Added

and this is how with the "HSL" technique and "clockwise" direction:

Image Added

Waypoint methods

So far we have only had two waypoints. If we add a new waypoint in the middle and sets its colour (e.g. to yellow) we will something like this (with the "RGB" technique):

Image Added

Note that the colour of the waypoint in the middle is used both in the left and right gradient segment. This happens because we set Colour Gradient Waypoint Method to "both". The other options are as follows:

  • ignore: the waypoint colour is omitted from both segments
  • left: the waypoint colour is only used in the left segment
  • right. the waypoint colour is only used in right segment

E.g. by setting this option to "left" we would generate this gradient:

Image Added

Mapping the waypoints to contour values

The gradient editor is only dealing with waypoints and is decoupled from the actual values the waypoints are mapped to. The first waypoint is simply mapped to the first contour value, the second waypoint is to the second value and so on.