CSS oklab() ਫੰਕਸ਼ਨ

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

CSS ਦਾ oklab() ਫੰਕਸ਼ਨ ਵਰਤੋਂ ਨਾਲ ਓਕਲੈਬ ਰੰਗ ਸਪੇਸ ਵਿੱਚ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇਹ ਰੰਗ ਸਪੇਸ ਮਨੁੱਖੀ ਆਂਖ ਦੇ ਰੰਗ ਪਰਿਭਾਸ਼ਣ ਨੂੰ ਮਿਲਾਉਣ ਦਾ ਉਦੇਸ਼ ਰੱਖਦਾ ਹੈ。

ਉਦਾਹਰਨ

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

#p1 {background-color:oklab(0 40% 20% / 0.5);}
#p2 {background-color:oklab(0.3 -40% -20%);}
#p3 {background-color:oklab(0.4 30% -20% / 20%);}
#p4 {background-color:oklab(0.5 60% 20%);}
#p4 {background-color:oklab(0.5 60% 20%);}
#p5 {background-color:oklab(0.6 50% -10%);}
#p6 {background-color:oklab(0.7 70% -80% / 0.3);}
#p7 {background-color:oklab(0.8 70% 20% / 0.5);}
#p8 {background-color:oklab(0.9 80% -20%);}

#p9 {background-color:oklab(1 90% -100%);}

ਸਵੈ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਣਨਾ ਭਾਸ਼ਾ

ਸਥਾਪਿਤ ਮੁੱਲ ਗਣਨਾ ਸਮਾਗਰਇਹ ਸਬੰਧਤ ਰੰਗ ਦਾ ਮੂਲ ਰੰਗ ਹੈ。 ਵੀ none (0% ਦੇ ਬਰਾਬਰ) ਵਰਤ ਸਕਦੇ ਹਨ。 b / Aoklab(from
) ਮੁੱਲ
ਇਹ ਸਬੰਧਤ ਰੰਗ ਦਾ ਮੂਲ ਰੰਗ ਹੈ。

L

ਲਾਜ਼ਮੀ। ਰੰਗ ਦੀ ਸੰਵੇਦਨਾਤਮਕ ਤੇਜ਼ਾਈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਜੋ 0 ਤੋਂ 1 ਤੱਕ ਦਾ ਨੰਬਰ ਜਾਂ 0% ਤੋਂ 100% ਤੱਕ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਹੋ ਸਕਦਾ ਹੈ。

oklab(
ਵੀ none (0% ਦੇ ਬਰਾਬਰ) ਵਰਤ ਸਕਦੇ ਹਨ。

ਲਾਜ਼ਮੀ। -0.4 ਤੋਂ 0.4 ਤੱਕ ਦਾ ਨੰਬਰ ਜਾਂ -100% ਤੋਂ 100% ਤੱਕ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਦਿੰਦਾ ਹੈ。

a ਦੀ ਦੂਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਜੋ ਰੰਗ ਦੀ ਲਾਲ-ਹਰੀ ਹੱਦ ਨੂੰ ਪ੍ਰਤੀਬਿੰਬਤ ਕਰਦਾ ਹੈ。

-0.4 ਹਰੀ ਦਿਸਦਾ ਹੈ, 0.4 ਲਾਲ ਦਿਸਦਾ ਹੈ। none (0% ਦੇ ਬਰਾਬਰ) ਵੀ ਵਰਤ ਸਕਦੇ ਹਨ。
b

ਲਾਜ਼ਮੀ। -0.4 ਤੋਂ 0.4 ਤੱਕ ਦਾ ਨੰਬਰ ਜਾਂ -100% ਤੋਂ 100% ਤੱਕ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਦਿੰਦਾ ਹੈ。

b ਦੀ ਦੂਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਜੋ ਰੰਗ ਦੀ ਹਰ-ਨੀਲੇ ਹੱਦ ਨੂੰ ਪ੍ਰਤੀਬਿੰਬਤ ਕਰਦਾ ਹੈ。

-0.4 ਹਰੀ ਦਿਸਦਾ ਹੈ, 0.4 ਲਾਲ ਦਿਸਦਾ ਹੈ। none (0% ਦੇ ਬਰਾਬਰ) ਵੀ ਵਰਤ ਸਕਦੇ ਹਨ。
/ A

ਵਿਕਲਪਿਕ। ਰੰਗ ਦੇ ਟ੍ਰਾਂਸਪਰੈਂਸੀ ਚੈਨਲ ਦਾ ਮੁੱਲ ਦਿੰਦਾ ਹੈ (0% ਜਾਂ 0 ਪੂਰੀ ਤਰ੍ਹਾਂ ਪਾਰਦਰਸ਼ੀ, 100% ਜਾਂ 100 ਪੂਰੀ ਤਰ੍ਹਾਂ ਨਾਪਦਰਸ਼ੀ)。

ਵੀ none (ਟ੍ਰਾਂਸਪਰੈਂਸੀ ਚੈਨਲ ਦੇ ਰੂਪ ਵਿੱਚ) ਵਰਤ ਸਕਦੇ ਹਨ। ਮੂਲ ਰੂਪ ਵਿੱਚ 100% ਹੈ。

ਵੀ None (0% ਦੇ ਬਰਾਬਰ) ਵਰਤ ਸਕਦੇ ਹਨ。

ਸਬੰਧਤ ਮੁੱਲ ਗਣਨਾ ਸਮਾਗਰ from ਇਹ ਸਬੰਧਤ ਰੰਗ ਦਾ ਮੂਲ ਰੰਗ ਹੈ。 ਵੀ none (0% ਦੇ ਬਰਾਬਰ) ਵਰਤ ਸਕਦੇ ਹਨ。 b / Aoklab(from
) ਮੁੱਲ
ਵਰਣਨ from

color

from ਦੇ ਸ਼ਬਦ ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ, ਪਛਾਣ ਕਰਨ ਵਾਲੇ ਰੰਗ ਦੇ ਮੁੱਲ ਦੇ ਬਾਅਦ ਆਉਂਦਾ ਹੈ。
ਇਹ ਸਬੰਧਤ ਰੰਗ ਦਾ ਮੂਲ ਰੰਗ ਹੈ。

L

ਲਾਜ਼ਮੀ। ਰੰਗ ਦੀ ਸੰਵੇਦਨਾਤਮਕ ਤੇਜ਼ਾਈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਜੋ 0 ਤੋਂ 1 ਤੱਕ ਦਾ ਨੰਬਰ ਜਾਂ 0% ਤੋਂ 100% ਤੱਕ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਹੋ ਸਕਦਾ ਹੈ。

0 (ਜਾਂ 0%) ਕਾਲਾ ਦਿਸਦਾ ਹੈ, 1 (ਜਾਂ 100%) ਸਫੇਦ ਦਿਸਦਾ ਹੈ。
ਵੀ none (0% ਦੇ ਬਰਾਬਰ) ਵਰਤ ਸਕਦੇ ਹਨ。

ਲਾਜ਼ਮੀ। -0.4 ਤੋਂ 0.4 ਤੱਕ ਦਾ ਨੰਬਰ ਜਾਂ -100% ਤੋਂ 100% ਤੱਕ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਦਿੰਦਾ ਹੈ。

a ਦੀ ਦੂਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਜੋ ਰੰਗ ਦੀ ਲਾਲ-ਹਰੀ ਹੱਦ ਨੂੰ ਪ੍ਰਤੀਬਿੰਬਤ ਕਰਦਾ ਹੈ。

-0.4 ਹਰੀ ਦਿਸਦਾ ਹੈ, 0.4 ਲਾਲ ਦਿਸਦਾ ਹੈ। none (0% ਦੇ ਬਰਾਬਰ) ਵੀ ਵਰਤ ਸਕਦੇ ਹਨ。
b

ਲਾਜ਼ਮੀ। -0.4 ਤੋਂ 0.4 ਤੱਕ ਦਾ ਨੰਬਰ ਜਾਂ -100% ਤੋਂ 100% ਤੱਕ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਦਿੰਦਾ ਹੈ。

b ਦੀ ਦੂਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਜੋ ਰੰਗ ਦੀ ਹਰ-ਨੀਲੇ ਹੱਦ ਨੂੰ ਪ੍ਰਤੀਬਿੰਬਤ ਕਰਦਾ ਹੈ。

-0.4 ਹਰੀ ਦਿਸਦਾ ਹੈ, 0.4 ਲਾਲ ਦਿਸਦਾ ਹੈ। none (0% ਦੇ ਬਰਾਬਰ) ਵੀ ਵਰਤ ਸਕਦੇ ਹਨ。
/ A

ਵਿਕਲਪਿਕ। ਰੰਗ ਦੇ ਟ੍ਰਾਂਸਪਰੈਂਸੀ ਚੈਨਲ ਦਾ ਮੁੱਲ ਦਿੰਦਾ ਹੈ (0% ਜਾਂ 0 ਪੂਰੀ ਤਰ੍ਹਾਂ ਪਾਰਦਰਸ਼ੀ, 100% ਜਾਂ 100 ਪੂਰੀ ਤਰ੍ਹਾਂ ਨਾਪਦਰਸ਼ੀ)。

ਵੀ none (ਟ੍ਰਾਂਸਪਰੈਂਸੀ ਚੈਨਲ ਦੇ ਰੂਪ ਵਿੱਚ) ਵਰਤ ਸਕਦੇ ਹਨ। ਮੂਲ ਰੂਪ ਵਿੱਚ 100% ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

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

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
oklab()
111 111 113 15.4 97
ਪੈਰਾਮੀਟਰ ਵਿੱਚ ਨੰਬਰ ਅਤੇ ਪ੍ਰਤੀਸ਼ਤ ਦੋਹਾਂ ਦਾ ਮਿਸ਼ਰਣ ਕਰਨਾ
116 116 113 16.2 102

ਸਬੰਧਤ ਪੇਜ਼

ਸਲਾਹਦਾਰੀ:سی ایس ایس رنگ

ਸਲਾਹਦਾਰੀ:CSS hsl() ਫੰਕਸ਼ਨ

ਸਲਾਹਦਾਰੀ:CSS hwb() ਫੰਕਸ਼ਨ

ਸਲਾਹਦਾਰੀ:CSS lch() ਫੰਕਸ਼ਨ

ਸਲਾਹਦਾਰੀ:CSS lab() ਫੰਕਸ਼ਨ

ਸਲਾਹਦਾਰੀ:CSS oklch() ਫੰਕਸ਼ਨ