Miniwindows in MUSHclient - HSL blending modes
Written by Nick Gammon - July 2008. Updated September 2010.
On this page:
See also:
- Introduction
- Creating miniwindows
- Drawing shapes
- Drawing images
- Drawing text
- Hotspots
- Helpful graphics functions
HSL blending modes
See Blending images for a description of how to use the image blending function. On this page are illustrated the "HSL" modes.
| Base image (in miniwindow) | Blend image (mentioned in WindowBlendImage) |
|---|---|
![]() |
![]() |
The modes on this page convert the images to HSL (Hue / Saturation / Luminance). Then various operations are performed over these values. Hue is the colour position on the colour wheel. Saturation is the amount of the colour. Luminance is the "brightness" of the resulting colour.
Some artifacts may be visible in the blended images. These are a side-effect of not being totally able to represent RGB correctly as HSL, particularly at low light levels.
Hue mode (60)
The Hue of the blend image is used, the Saturation and Luminance from the base image are used.

Saturation mode (61)
The Saturation of the blend image is used, the Hue and Luminance from the base image are used.

Colour mode (62)
The Hue and Saturation of the blend image are used, the Luminance from the base image is used.

Luminance mode (63)
The Luminance of the blend image is used, the Hue and Saturation from the base image are used.

HSL mode (64)
Hue is copied to the red channel, Saturation is copied to the green channel, Luminance is copied to the blue channel.

Examples on this page
The examples on this page are taken from Fields of gold... by Spiralz, and Thanks to solea by jam343. These are licensed for royalty-free use under the Attribution 2.5 Generic License. They were obtained from the web site http://www.everystockphoto.com/.
Some ideas and descriptions were adapated from the Pegtop.net Blend Modes article.
Summary of the pages with the various mode groups:
- Normal, average, dissolve
- Darkening modes
- Lightening modes
- Soft/hard light modes
- Difference/logical modes
- Glow modes
- Colour copying
- Colour limiting
- Channel modes
- HSL modes
Other pages about miniwindows
- Introduction
- Creating miniwindows
- Drawing shapes
- Drawing images
- Drawing text
- Hotspots
- Helpful graphics functions

