pantoken-root / plugins/pantoken/colors/src / darken

Ֆունկցիա: darken() ​

darken(color, percent?): string

Բետա

Մուգացնել percent HSL-lightness միավորով — ui-color-utils darken-ի միայն CSS արտացոլանքը (tinycolor-ը իջեցնում է HSL lightness-ը). Օգտագործում է հարաբերական գույնի սինտաքս, որպեսզի երանգն ու հագեցվածությունը պահպանվեն.

Հարաբերական hsl()-ում l-ալիքը լուծվում է որպես <number> 0–100 սանդղակի վրա — նույն սանդղակը, որը օգտագործում է tinycolor-ի amount — դրա համար միավորները հանվում են անմիջապես (առանց %).

Պարամետրեր ​

color ​

string

Հիմնական գույնը.

percent? ​

number = 10

Հանվող lightness միավորները (ստանդարտ 10, համընկնում են tinycolor-ի ստանդարտին).

Վերադարձվող արժեք ​

string

Մի hsl(from …) հարաբերական-գույն արտահայտություն.

Օրինակ ​

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