pantoken / plugins/pantoken/colors/src / darken

Függvény: darken()

darken(color, percent?): string

Béta

Sötétedjen percent HSL-fényerő ponttal — az ui-color-utils darken CSS-only tükrözése (a tinycolor csökkenti az HSL fényerőt). Relatív szín szintaxist használ, így a színárnyalat és a telítettség megmarad.

Relatív hsl() esetén a l csatorna egy <number> értékre oldódik fel a 0–100 skálán — ugyanazon a skálán, amelyet a tinycolor amount használ — ezért a pontok közvetlenül levonjuk (nincs %).

Paraméterek

color

string

Az alapszín.

percent?

number = 10

Levonandó fényerő pontok (alapértelmezés 10, a tinycolor alapértelmezésével egyezően).

Visszatérés

string

Egy hsl(from …) relatív szín kifejezés.

Példa

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