Skip to main content

hue-degree-notation

Specify number or angle notation for degree hues.

    a { color: hsl(198deg 28% 50%) }
/** ↑
* This notation */

Because hues are so often given in degrees, a hue can also be given as a number, which is interpreted as a number of degrees.

The fix option can automatically fix all of the problems reported by this rule.

The message secondary option can accept the arguments of this rule.

Options

string: "angle"|"number"

"angle"

Degree hues must always use angle notation.

The following patterns are considered problems:

a { color: hsl(198 28% 50%) }
a { color: lch(56.29% 19.86 10 / 15%) }

The following patterns are not considered problems:

a { color: hsl(198deg 28% 50%) }
a { color: lch(56.29% 19.86 10deg / 15%) }

"number"

Degree hues must always use the number notation.

The following patterns are considered problems:

a { color: hsl(198deg 28% 50%) }
a { color: lch(56.29% 19.86 10deg / 15%) }

The following patterns are not considered problems:

a { color: hsl(198 28% 50%) }
a { color: lch(56.29% 19.86 10 / 15%) }