postcss-preset-env

Relative Color Syntax : Channel Values

By Antonio Laguna and Romain Menke.

With relative color syntax it can become confusing what the exact values are at each step and how they can be used in math expressions. This little tool aims to show the channel values at each step of the process.

l 0,1 c 0,0.4 h 0,360 alpha

Origin color

0.628 0.258 29.234 1.000

Expressions

calc(l / 2) 0.268 h 1.000

Output color

0.314 0.268 29.234 1.000

The indicated ranges of values correspond to 0% and 100% for each channel.
They are not the minimum and maximum allowed values, you can use values beyond these ranges.