HSL to XYB Converter - Color Space Converter

HSL color space introduction

Also known as the HSL color space.There are 3 channels in total, hue,range from 0 to 360.saturation,range from 0 to 100.lightness,range from 0 to 100.
Origin: HSL stands for Hue, Saturation, and Lightness. It provides an intuitive way to describe colors, aligning closely with how we typically discuss color properties such as hue, saturation, and lightness.
Primary Name: HSL, which includes three color channels: H (Hue), S (Saturation), and L (Lightness).
It's usually represented as a triplet, for instance: hsl(120, 100%, 50%) indicates a pure green color with 100% saturation and 50% lightness.
Usage: HSL is used in computer graphics, image editing, and style design, especially in scenarios where there's a need for intuitive color property adjustments. In CSS, HSL is also used as one of the methods to define colors.
Additionally, it's worth noting that HSL has clear conversion formulas with RGB. While RGB is a commonly used color model in modern display technology, adjusting colors directly in RGB may not be as intuitive as in the HSL space. HSL is similar to HSV (Hue, Saturation, Value), but they differ slightly in how they describe color brightness or luminance.

XYB color space introduction

Also known as the XYB color space.There are 3 channels in total,X,range from -0.0154 to 0.0281.Y,range from 0 to 0.8453.B,range from -0.2778 to 0.388.
The XYB color space was developed by Google as part of their JPEG XL image format. It's designed to be more efficient for compression and more aligned with human vision than traditional color spaces like RGB.
XYB color space.
In the XYB color space, colors are represented through X, Y, and B channels, with the Y channel representing luminance and X and B channels representing color information.
XYB is primarily used in the JPEG XL image format, suitable for enhancing image compression ratios and quality.
The XYB color space offers higher compression rates while maintaining image quality, making it very effective for web image transmission and storage.

You might also want to convert HSL color space to these formats: