CSS lch() funktion

definering og brug

CSS lch() Funktioner definerer farver i LCH (lysstyrke-farve-nyans) farveområdet.

eksempler

Definere forskellige lch() Farve:

#p1 {baggrundfarve: lch(10% 100 130 / 0.5);}
#p2 {baggrundfarve: lch(40% 100 130);}
#p3 {baggrundfarve: lch(90% 100 130 / 20%);}
#p3 {background-color:lch(10% 160 200);}
#p4 {background-color:lch(10% 160 200);}
#p5 {background-color:lch(40% 160 200);}
#p6 {background-color:lch(90% 160 200 / 0.3);}
#p7 {background-color:lch(10% 130 70 / 0.5);}
#p8 {background-color:lch(40% 130 70);}

#p9 {background-color:lch(90% 130 70);}

Prøv det selv

CSS syntaks

Absolutt verdisyntaksDette er den opprinnelige fargen for den relative fargen. C H / Alch(from
) Verdi
Dette er den opprinnelige fargen for den relative fargen.

Obligatorisk. Definerer lysstyrken til fargen (kan være et tall eller en prosentandel mellom 0 og 100).

0 (eller 0%) betyr svart, 100 (eller 100%) betyr hvitt.

Man kan også bruke none (likhet med 0%).
C

lch(

Obligatorisk. Definerer fargehjørnet (mengden av fargen), kan være et tall eller en prosentandel.

Man kan også bruke none (likhet med 0%).
H

Obligatorisk. Definerer fargehjørnet for fargen, kan være et tall eller en vinkelverdi.

Man kan også bruke none (likhet med 0grader).
/ A

Valgfritt. Angir gjennomsiktighetskanalverdien for fargen (0% eller 0 betyr helt gjennomsiktig, 100% eller 100 betyr helt uigjennomskinnelig).

Man kan også bruke none (som betyr ingen gjennomskinnelighet).

Standardverdien er 100%.

Minimumsverdien er 0 (eller 0%). Det er ingen øvre grense for maksverdien (men faktisk ikke mer enn 230). 100% liker 150.

Relativt verdisyntaks from Dette er den opprinnelige fargen for den relative fargen. C H / Alch(from
) Verdi
Beskrivelse from

color

Begynner med nøkkelordet from, fulgt av fargeverdien som representerer den opprinnelige fargen.
Dette er den opprinnelige fargen for den relative fargen.

Obligatorisk. Definerer lysstyrken til fargen (kan være et tall eller en prosentandel mellom 0 og 100).

0 (eller 0%) betyr svart, 100 (eller 100%) betyr hvitt.

Man kan også bruke none (likhet med 0%).
C

Obligatorisk. Definerer et tall mellom -125 og 125 eller en prosentandel mellom -100% og 100%.

Definerer avstanden til fargen langs a-aksen, som representerer fargens rød-grønnhet.

-125 betyr grønn, 125 betyr rød.

Man kan også bruke none (likhet med 0%).
H

Obligatorisk. Definerer fargehjørnet for fargen, kan være et tall eller en vinkelverdi.

Man kan også bruke none (likhet med 0grader).
/ A

Valgfritt. Angir gjennomsiktighetskanalverdien for fargen (0% eller 0 betyr helt gjennomsiktig, 100% eller 100 betyr helt uigjennomskinnelig).

Man kan også bruke none (som betyr ingen gjennomskinnelighet).

Standardverdien er 100%.

Tekniske detaljer

Versjon: CSS Color Module Level 4

Nettleserstøtte

Tallene i tabellen viser den første nettleseren som fullt ut støtter denne funksjonen.

Chrome Edge Firefox Safari Opera
lch()
111 111 113 15 97
Bland tal og procent i parametrene
116 116 113 16.2 102

Relaterede sider

Referencer:CSS farver

Referencer:CSS hsl() funktion

Referencer:CSS hwb() funktion

Referencer:CSS lab() funktion

Referencer:CSS oklab() funktion

Referencer:CSS oklch() funktion