CSS lch() ਫੰਕਸ਼ਨ

ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ

CSS ਦਾ lch() ਫੰਕਸ਼ਨ ਲਈ LCH (ਉਤਰੀਅਤ-ਰੰਗ-ਨਿਸ਼ਾਨ) ਰੰਗ ਸਪੇਸ ਵਿੱਚ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ।

ਉਦਾਹਰਨ

ਵੱਖ-ਵੱਖ lch() ਰੰਗ:

#p1 {background-color:lch(10% 100 130 / 0.5);}
#p2 {background-color:lch(40% 100 130);}
#p3 {background-color:lch(90% 100 130 / 20%);}
#p4 {background-color:lch(10% 160 200);}
#p5 {background-color:lch(40% 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);}

ਸਵੈ ਕਿਸਮਤ ਕਰੋ

CSS ਸਿੰਟੈਕਸਇਹ ਸਬੰਧਤ ਰੰਗ ਦਾ ਮੂਲ ਰੰਗ ਹੈ。 C H / Alch(from
) ਕੀਮਤ
ਇਹ ਸਬੰਧਤ ਰੰਗ ਦਾ ਮੂਲ ਰੰਗ ਹੈ。

ਲਾਜ਼ਮੀ।ਰੰਗ ਦੀ ਬਿਰਤਾਂਤ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ, ਜੋ 0 ਤੋਂ 100 ਤੱਕ ਦੀ ਸੰਖਿਆ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਹੋ ਸਕਦੇ ਹਨ。

0 (ਜਾਂ 0%) ਕਾਲਾ ਦਰਸਾਉਂਦਾ ਹੈ, 100 (ਜਾਂ 100%) ਸਫੇਦ ਦਰਸਾਉਂਦਾ ਹੈ。

ਵੀ none (ਇਕੱਵਲੈਂਟ ਕਰਨ ਵਾਲੇ 0%) ਵਰਤ ਸਕਦੇ ਹਨ。
C

lch(

ਲਾਜ਼ਮੀ।ਰੰਗ ਦੀ ਸ਼ਾਰਟ ਕੈਲੀਬਰੇਸ਼ਨ (ਰੰਗ ਦੇ ਮਾਤਰਾ) ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ, ਜੋ ਸੰਖਿਆ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਹੋ ਸਕਦੇ ਹਨ。

ਵੀ none (ਇਕੱਵਲੈਂਟ ਕਰਨ ਵਾਲੇ 0%) ਵਰਤ ਸਕਦੇ ਹਨ。
H

ਲਾਜ਼ਮੀ।ਰੰਗ ਦੇ ਟੋਨ ਦੀ ਕੋਣ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ, ਜੋ ਸੰਖਿਆ ਜਾਂ ਕੋਣ ਮੁੱਲ ਹੋ ਸਕਦੇ ਹਨ。

ਵੀ none (ਇਕੱਵਲੈਂਟ ਕਰਨ ਵਾਲੇ 0deg) ਵਰਤ ਸਕਦੇ ਹਨ。
/ A

ਵਿਕਲਪਿਕ।ਰੰਗ ਦੇ ਪਾਰਟੀਕਲਰਲਾਸਟੀ ਚੈਨਲ ਦੀ ਕੀਮਤ ਦਰਸਾਉਂਦੇ ਹਨ (0% ਜਾਂ 0 ਪੂਰੀ ਪਾਰਟੀਕਲਰਲਾਸਟੀ ਹੈ, 100% ਜਾਂ 100 ਪੂਰੀ ਤੌਰ 'ਤੇ ਨਾਨ-ਪਾਰਟੀਕਲਰਲਾਸਟੀ ਹੈ)。

ਵੀ none (ਪਾਰਟੀਕਲਰਲਾਸਟੀ ਚੈਨਲ ਦੇ ਰੂਪ ਵਿੱਚ) ਵਰਤ ਸਕਦੇ ਹਨ。

ਮੂਲਤਵੀ ਮੁੱਲ 100% ਹੈ。

ਨਿਮਨਤਮ ਮੁੱਲ 0 (ਜਾਂ 0%) ਹੈ।ਮੋਟਾਤਮਕ ਮੁੱਲ ਨਾਲ ਬੰਨ੍ਹੇ ਹੋਏ ਨਹੀਂ ਹੈ (ਪਰ ਲੋੜੇ ਤੋਂ ਘੱਟ 230 ਹੈ)।100% ਇਕੱਵਲੈਂਟ ਕਰਨ ਵਾਲੇ 150 ਹੈ。

ਸਬੰਧਤ ਮੁੱਲ ਗਣਨਾ from ਇਹ ਸਬੰਧਤ ਰੰਗ ਦਾ ਮੂਲ ਰੰਗ ਹੈ。 C H / Alch(from
) ਕੀਮਤ
ਵਰਣਨ from

color

from ਦੇ ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ, ਬਾਅਦ ਮੂਲ ਰੰਗ ਦੀ ਕੀਮਤ ਦਰਸਾਉਂਦਾ ਹੈ。
ਇਹ ਸਬੰਧਤ ਰੰਗ ਦਾ ਮੂਲ ਰੰਗ ਹੈ。

ਲਾਜ਼ਮੀ।ਰੰਗ ਦੀ ਬਿਰਤਾਂਤ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ, ਜੋ 0 ਤੋਂ 100 ਤੱਕ ਦੀ ਸੰਖਿਆ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਹੋ ਸਕਦੇ ਹਨ。

0 (ਜਾਂ 0%) ਕਾਲਾ ਦਰਸਾਉਂਦਾ ਹੈ, 100 (ਜਾਂ 100%) ਸਫੇਦ ਦਰਸਾਉਂਦਾ ਹੈ。

ਵੀ none (ਇਕੱਵਲੈਂਟ ਕਰਨ ਵਾਲੇ 0%) ਵਰਤ ਸਕਦੇ ਹਨ。
C

ਲਾਜ਼ਮੀ।-125 ਤੋਂ 125 ਤੱਕ ਦੀ ਸੰਖਿਆ ਜਾਂ -100% ਤੋਂ 100% ਤੱਕ ਦੀ ਪ੍ਰਤੀਸ਼ਤ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ。

ਰੰਗ ਦੇ a ਅਕਸ ਦੇ ਦੂਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ, ਜੋ ਰੰਗ ਦੇ ਲਾਲ-ਹਰੀ ਪੱਧਰ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ。

-125 ਹਰੀ ਦਰਸਾਉਂਦਾ ਹੈ, 125 ਲਾਲ ਦਰਸਾਉਂਦਾ ਹੈ。

ਵੀ none (ਇਕੱਵਲੈਂਟ ਕਰਨ ਵਾਲੇ 0%) ਵਰਤ ਸਕਦੇ ਹਨ。
H

ਲਾਜ਼ਮੀ।ਰੰਗ ਦੇ ਟੋਨ ਦੀ ਕੋਣ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ, ਜੋ ਸੰਖਿਆ ਜਾਂ ਕੋਣ ਮੁੱਲ ਹੋ ਸਕਦੇ ਹਨ。

ਵੀ none (ਇਕੱਵਲੈਂਟ ਕਰਨ ਵਾਲੇ 0deg) ਵਰਤ ਸਕਦੇ ਹਨ。
/ A

ਵਿਕਲਪਿਕ।ਰੰਗ ਦੇ ਪਾਰਟੀਕਲਰਲਾਸਟੀ ਚੈਨਲ ਦੀ ਕੀਮਤ ਦਰਸਾਉਂਦੇ ਹਨ (0% ਜਾਂ 0 ਪੂਰੀ ਪਾਰਟੀਕਲਰਲਾਸਟੀ ਹੈ, 100% ਜਾਂ 100 ਪੂਰੀ ਤੌਰ 'ਤੇ ਨਾਨ-ਪਾਰਟੀਕਲਰਲਾਸਟੀ ਹੈ)。

ਵੀ none (ਪਾਰਟੀਕਲਰਲਾਸਟੀ ਚੈਨਲ ਦੇ ਰੂਪ ਵਿੱਚ) ਵਰਤ ਸਕਦੇ ਹਨ。

ਮੂਲਤਵੀ ਮੁੱਲ 100% ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਸੰਸਕਰਣ: CSS ਕਲਰ ਮੌਡਿਊਲ ਲੈਵਲ 4

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

ਟੇਬਲ ਵਿੱਚ ਸੰਖਿਆ ਪਹਿਲੀ ਵਾਰ ਇਸ ਫੰਕਸ਼ਨ ਨੂੰ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਊਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。

ਚਰਮੋਨ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
lch()
111 111 113 15 97
ਪੈਰਾਮੀਟਰ ਵਿੱਚ ਸੰਖਿਆ ਅਤੇ ਪ੍ਰਤੀਸ਼ਤ ਮਿਸ਼ਰਣ
116 116 113 16.2 102

ਸਬੰਧਤ ਪੰਨੇ

ਸਮਾਂਤਰਾਂਕਾਂ:سی ایس ایس رنگ

ਸਮਾਂਤਰਾਂਕਾਂ:CSS hsl() ਫੰਕਸ਼ਨ

ਸਮਾਂਤਰਾਂਕਾਂ:CSS hwb() ਫੰਕਸ਼ਨ

ਸਮਾਂਤਰਾਂਕਾਂ:CSS lab() ਫੰਕਸ਼ਨ

ਸਮਾਂਤਰਾਂਕਾਂ:CSS oklab() ਫੰਕਸ਼ਨ

ਸਮਾਂਤਰਾਂਕਾਂ:CSS oklch() ਫੰਕਸ਼ਨ