Converting RGB to HSL
RGB is typically used for image editing, screen design and programming, where colours are built from individual light values, while HSL is used for design systems and CSS, where lightening or darkening a colour while keeping its hue is common. Enter a RGB value above and the equivalent HSL value appears instantly, alongside every other supported format.
Is RGB to HSL conversion exact?
This conversion is exact and lossless – hex, RGB, HSV and HSL all describe the same underlying colour space, just in different notations, so no colour data is lost converting between them.
Understanding RGB
RGB defines colours using red, green, and blue light values (0-255 each). It's the standard for digital displays and is often used in image editing and graphic design software where direct manipulation of light values is needed.
Understanding HSL
HSL (hue, saturation, lightness) is similar to HSV but uses lightness instead of value. Lightness represents how much white or black is mixed with the pure colour, making it useful for creating colour variations.
Need a full set of colours to go with this one? The colour palette generator builds a matching palette from any base colour. Once you've settled on your palette, the image converter can help you get your images ready to go alongside it.