Skip to content

pantoken / plugins/pantoken/colors/src / lighten

関数: lighten()

lighten(color, percent?): string

ベータ

HSLのライトネスをpercentポイント明るくします — ui-color-utils lighten のCSS専用ミラーです (tinycolorはHSLのライトネスを上げます)。相対カラー構文を使用するため、色相と彩度は保持されます。

パラメーター

color

string

基準色。

percent?

number = 10

追加するライトネスポイント(デフォルトは 10、tinycolorのデフォルトに一致)。

戻り値

string

hsl(from …) の相対色表現。

ts
lighten("var(--brand)", 10); // "hsl(from var(--brand) h s calc(l + 10))"