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

Funktion: darken()

darken(color, percent?): string

Beta

Formørk med percent HSL-lysstyrke-punkter — CSS-kun spejlingen af ui-color-utils darken (tinycolor sænker HSL-lysstyrke). Bruger relativ farvesyntaks, så farvetone og mætning bevares.

I relativ hsl(), løser l kanalen til en <number> på skalaen 0–100 — den samme skala tinycolor's amount bruger — så punkterne subtraheres direkte (ingen %).

Parametre

color

string

Basisfarven.

percent?

number = 10

Lysstyrke-punkter at trække fra (standard 10, der matcher tinycolor's standard).

Returnerer

string

Et hsl(from …) relativ-farveudtryk.

Eksempel

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