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.

Options#

string: "angle"|"number"

"angle"#

Degree hues must always use angle notation.

The following patterns are considered violations:

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

The following patterns are not considered violations:

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 violations:

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

The following patterns are not considered violations:

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