pantoken / plugins/pantoken/colors/src / darken

Fonksiyon: darken() ​

darken(color, percent?): string

Beta

HSL açıklık puanları kadar percent ile karart — ui-color-utils darken'in yalnızca CSS eşdeğeri (tinycolor HSL açıklığını azaltır). Ton ve doygunluğun korunması için göreli renk sözdizimi kullanır.

In relative hsl(), the l channel resolves to a <number> on the 0–100 scale — the same scale tinycolor's amount uses — so the points are subtracted directly (no %).

Parametreler ​

color ​

string

Temel renk.

percent? ​

number = 10

Çıkartılacak açıklık puanları (varsayılan 10, tinycolor'un varsayılanına eşleşir).

Döndürür ​

string

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

Örnek ​

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