本文へスキップ

lightness-notation

明度に対する数値またはパーセンテージの表記を指定します。

    a { color: oklch(85% 0.17 88) }
/** ↑
* This notation */

このルールは、oklchoklablchlab関数をサポートしています。

fixオプションを使用すると、このルールによって報告されたすべての問題を自動的に修正できます。

messageセカンダリオプションは、このルールの引数を指定できます。

オプション

string: "percentage"|"number"

"percentage"

明度は常にパーセンテージ表記を使用する必要があります。

以下のパターンは問題とみなされます

a { color: oklch(0.85 0.17 88) }
a { color: oklab(0.86 0.2 154) }
a { color: lch(85 0.17 88) }
a { color: lab(86 0.2 154) }

以下のパターンは問題とみなされません

a { color: oklch(85% 0.17 88) }
a { color: oklab(86% 0.2 154) }
a { color: lch(85% 0.17 88) }
a { color: lab(86% 0.2 154) }

"number"

明度は常に数値表記を使用する必要があります。

以下のパターンは問題とみなされます

a { color: oklch(85% 0.17 88) }
a { color: oklab(86% 0.2 154) }
a { color: lch(85% 0.17 88) }
a { color: lab(86% 0.2 154) }

以下のパターンは問題とみなされません

a { color: oklch(0.85 0.17 88) }
a { color: oklab(0.86 0.2 154) }
a { color: lch(85 0.17 88) }
a { color: lab(86 0.2 154) }