Skip to content

pantoken-root / plugins/pantoken/colors/src / lighten

Fonksiyon: lighten() ​

lighten(color, percent?): string

Beta

HSL-açıklık noktalarını percent kadar aç — ui-color-utils lighten'in yalnızca CSS yansıması (tinycolor HSL açıklığını artırır). Ton ve doygunluğun korunması için göreli renk sözdizimini kullanır.

Parametreler ​

color ​

string

Temel renk.

percent? ​

number = 10

Eklenecek açıklık noktaları (varsayılan 10, tinycolor'ın varsayılanıyla eşleşir).

Döndürür ​

string

Bir hsl(from …) göreli renk ifadesi.

Örnek ​

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