color-no-invalid-hex

Disallow invalid hex colors.

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

Longhand hex colors can be either 6 or 8 (with alpha channel) hexadecimal characters. And their shorthand variants are 3 and 4 characters respectively.

note

We recommend only using this rule for CSS-like languages, such as SCSS and Less. For CSS, we recommend using these more capable and overlapping rules instead:

• at-rule-descriptor-value-no-unknown
• declaration-property-value-no-unknown

Options

true

{
  "color-no-invalid-hex": true
}

The following patterns are considered problems:

a { color: #00; }

a { color: #fff1az; }

a { color: #12345aa; }

The following patterns are not considered problems:

a { color: #000; }

a { color: #000f; }

a { color: #fff1a0; }

a { color: #123450aa; }