HUGO
News Docs Themes Community GitHub

images.ColorBalance

Returns an image filter that changes the color balance of an image.

Syntax

images.ColorBalance PCTRED PCTGREEN PCTBLUE

Returns

images.filter

The percentage for each channel (red, green, blue) must be in the range [-100, 500].

Usage

Create the filter:

{{ $filter := images.ColorBalance -10 10 50 }}

Apply the filter using the images.Filter function:

{{ with resources.Get "images/original.jpg" }}
  {{ with . | images.Filter $filter }}
    <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
  {{ end }}
{{ end }}

You can also apply the filter using the Filter method on a Resource object:

{{ with resources.Get "images/original.jpg" }}
  {{ with .Filter $filter }}
    <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
  {{ end }}
{{ end }}

Example

Original

Zion National Park

Processed

Zion National Park