Skip to main content

color-hex-length

Specify short or long notation for hex colors.

a { color: #fff }
/**        ↑
 * This hex color */

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​

"short"​

{
  "color-hex-length": "short"
}

The following patterns are considered problems:

a { color: #ffffff; }
a { color: #ffffffaa; }

The following patterns are not considered problems:

a { color: #fff; }
a { color: #fffa; }
a { color: #a4a4a4; }

"long"​

{
  "color-hex-length": "long"
}

The following patterns are considered problems:

a { color: #fff; }
a { color: #fffa; }

The following patterns are not considered problems:

a { color: #ffffff; }
a { color: #ffffffaa; }