pantoken / plugins/pantoken/colors/src / darken

Funksjon: darken() ​

darken(color, percent?): string

Beta

Gjør mørkere med percent HSL-lysstyrkepunkter — den rent CSS-baserte speilingen av ui-color-utils darken (tinycolor reduserer HSL-lysstyrke). Bruker relativ fargesyntaks slik at nyanse og metning bevares.

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 %).

Parametere ​

color ​

string

Grunnfargen.

percent? ​

number = 10

Antall lysstyrkepunkter som skal trekkes fra (standard 10, samsvarende med tinycolors standard).

Returnerer ​

string

Et hsl(from …) relativt fargeuttrykk.

Eksempel ​

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