CSS lab() ਫੰਕਸ਼ਨ
- ਪਿੰਡ ਪੰਨਾ CSS invert() ਫੰਕਸ਼ਨ
- ਅਗਲਾ ਪੰਨਾ CSS lch() ਫੰਕਸ਼ਨ
- ਉੱਪਰ ਵਾਪਸ ਜਾਓ CSS ਫੰਕਸ਼ਨ ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ
ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ
CSS ਦਾ lab()
ਫੰਕਸ਼ਨ ਸੀ ਈ ਲੈਬ ਰੰਗ ਸਪੇਸ ਵਿੱਚ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਇਹ ਸਪੇਸ ਮਨੁੱਖੀ ਅੱਖ ਵੱਲੋਂ ਦੇਖੇ ਜਾ ਸਕਣ ਵਾਲੇ ਸਾਰੇ ਰੰਗਾਂ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ。
ਇੰਸਟੈਂਸ
ਵੱਖ-ਵੱਖ lab()
ਰੰਗ:
#p1 {background-color:lab(0 40% 20% / 0.5);} #p2 {background-color:lab(30 -40% -20%);} #p3 {background-color:lab(40 30% -20% / 20%);} #p4 {background-color:lab(50 60% 20%);} #p5 {background-color:lab(60 50% -10%);} #p6 {background-color:lab(70 70% -80% / 0.3);} #p7 {background-color:lab(80 70% 20% / 0.5);} #p8 {background-color:lab(90 80% -20%);} #p9 {background-color:lab(100 90% -100%);}
CSS ਸਕ੍ਰਿਪਟ
ਅਬਜ਼ਲੂਟ ਸਕ੍ਰਿਪਟ ਸਕ੍ਰਿਪਟ
lab(L a b / A)
ਮੁੱਲ | ਵਰਣਨ |
---|---|
L |
ਲਾਜ਼ਮੀ ਹੈ। ਰੰਗ ਦੀ ਸ਼ਕਤੀ ਦੀ ਦਿਸਾਈ ਹੈ ਜੋ 0 ਤੋਂ 100 ਤੱਕ ਦੀ ਸੰਖਿਆ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਹੋ ਸਕਦੀ ਹੈ。 0 (ਜਾਂ 0%) ਨੂੰ ਕਾਲਾ ਦਿਸਾਈ ਹੈ, 100 (ਜਾਂ 100%) ਨੂੰ ਸਫੇਦ ਦਿਸਾਈ ਹੈ。 ਵੀ none (ਬਰਾਬਰ 0%) ਵਰਤ ਸਕਦੇ ਹਨ。 |
a |
ਲਾਜ਼ਮੀ ਹੈ। -125 ਤੋਂ 125 ਤੱਕ ਦੀ ਸੰਖਿਆ ਜਾਂ -100% ਤੋਂ 100% ਤੱਕ ਦੀ ਪ੍ਰਤੀਸ਼ਤ ਦਿਸਾਈ ਹੈ。 a ਦੇ ਮੁੱਲ ਨੂੰ ਦੇਣ ਵਿੱਚ ਰੰਗ ਦੇ ਪ੍ਰਸਥਿਤੀ ਨੂੰ ਦਿਸਾਈ ਹੈ ਜਿਸ ਨਾਲ ਰੰਗ ਦੀ ਲਾਲ-ਹਰੀ ਦੀ ਗੁਣਵੱਤਾ ਦਿਸਾਈ ਹੈ。-125 ਨੂੰ ਹਰੀ ਦਿਸਾਈ ਹੈ, 125 ਨੂੰ ਲਾਲ ਦਿਸਾਈ ਹੈ。 ਵੀ none (ਬਰਾਬਰ 0%) ਵਰਤ ਸਕਦੇ ਹਨ。 |
b |
ਲਾਜ਼ਮੀ ਹੈ। -125 ਤੋਂ 125 ਤੱਕ ਦੀ ਸੰਖਿਆ ਜਾਂ -100% ਤੋਂ 100% ਤੱਕ ਦੀ ਪ੍ਰਤੀਸ਼ਤ ਦਿਸਾਈ ਹੈ。 b ਦੇ ਮੁੱਲ ਨੂੰ ਦੇਣ ਵਿੱਚ ਰੰਗ ਦੀ ਪ੍ਰਸਥਿਤੀ ਨੂੰ ਦਿਸਾਈ ਹੈ ਜਿਸ ਨਾਲ ਰੰਗ ਦੀ ਹੱਲੌਨੀ-ਪੈਲਸ਼ਨ ਦੀ ਗੁਣਵੱਤਾ ਦਿਸਾਈ ਹੈ。 -125 ਨੂੰ ਨੀਲਾ ਦਿਸਾਈ ਹੈ, 125 ਨੂੰ ਪੈਲਸ਼ਨ ਦਿਸਾਈ ਹੈ。 ਵੀ none (ਬਰਾਬਰ 0%) ਵਰਤ ਸਕਦੇ ਹਨ。 |
/ A |
ਵਿਕਲਪਿਤ ਹੈ। ਰੰਗ ਦੇ ਪਾਰਟੀਲਯੂਰਸਟੀ ਚੈਨਲ ਦੀ ਮੁੱਲ ਦਿਸਾਈ ਹੈ (0% ਜਾਂ 0 ਪੂਰੀ ਤਰ੍ਹਾਂ ਪਾਰਟੀਲਯੂਰਸਟੀ, 100% ਜਾਂ 100 ਪੂਰੀ ਤਰ੍ਹਾਂ ਅਪਾਰਟੀਲਯੂਰਸਟੀ ਦਿਸਾਈ ਹੈ)。 ਵੀ none (ਪਾਰਟੀਲਯੂਰਸਟੀ ਚੈਨਲ ਦਾ ਮਤਲਬ) ਵਰਤ ਸਕਦੇ ਹਨ。 ਮੂਲਤਵੀ ਮੁੱਲ 100% ਹੈ。 |
ਸਬੰਧਤ ਮੁੱਲ ਸ਼ਬਦ ਸਕ੍ਰਿਪਟ
lab(from color L a b / A)
ਮੁੱਲ | ਵਰਣਨ |
---|---|
from color |
ਸ਼ਬਦ from ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ, ਪਛਾਣਦਾਰ ਰੰਗ ਦੀ ਮੁੱਲ ਦਿਸਾਈ ਹੈ。 ਇਹ ਸਬੰਧਤ ਰੰਗ ਦਾ ਮੂਲ ਰੰਗ ਹੈ。 |
L |
ਲਾਜ਼ਮੀ ਹੈ। ਰੰਗ ਦੀ ਸ਼ਕਤੀ ਦੀ ਦਿਸਾਈ ਹੈ ਜੋ 0 ਤੋਂ 100 ਤੱਕ ਦੀ ਸੰਖਿਆ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਹੋ ਸਕਦੀ ਹੈ。 0 (ਜਾਂ 0%) ਨੂੰ ਕਾਲਾ ਦਿਸਾਈ ਹੈ, 100 (ਜਾਂ 100%) ਨੂੰ ਸਫੇਦ ਦਿਸਾਈ ਹੈ。 ਵੀ none (ਬਰਾਬਰ 0%) ਵਰਤ ਸਕਦੇ ਹਨ。 |
a |
ਲਾਜ਼ਮੀ ਹੈ। -125 ਤੋਂ 125 ਤੱਕ ਦੀ ਸੰਖਿਆ ਜਾਂ -100% ਤੋਂ 100% ਤੱਕ ਦੀ ਪ੍ਰਤੀਸ਼ਤ ਦਿਸਾਈ ਹੈ。 a ਦੇ ਮੁੱਲ ਨੂੰ ਦੇਣ ਵਿੱਚ ਰੰਗ ਦੇ ਪ੍ਰਸਥਿਤੀ ਨੂੰ ਦਿਸਾਈ ਹੈ ਜਿਸ ਨਾਲ ਰੰਗ ਦੀ ਲਾਲ-ਹਰੀ ਦੀ ਗੁਣਵੱਤਾ ਦਿਸਾਈ ਹੈ。 -125 ਨੂੰ ਹਰੀ ਦਿਸਾਈ ਹੈ, 125 ਨੂੰ ਲਾਲ ਦਿਸਾਈ ਹੈ。 ਵੀ none (ਬਰਾਬਰ 0%) ਵਰਤ ਸਕਦੇ ਹਨ。 |
b |
ਲਾਜ਼ਮੀ ਹੈ। -125 ਤੋਂ 125 ਤੱਕ ਦੀ ਸੰਖਿਆ ਜਾਂ -100% ਤੋਂ 100% ਤੱਕ ਦੀ ਪ੍ਰਤੀਸ਼ਤ ਦਿਸਾਈ ਹੈ。 b ਦੇ ਮੁੱਲ ਨੂੰ ਦੇਣ ਵਿੱਚ ਰੰਗ ਦੀ ਪ੍ਰਸਥਿਤੀ ਨੂੰ ਦਿਸਾਈ ਹੈ ਜਿਸ ਨਾਲ ਰੰਗ ਦੀ ਹੱਲੌਨੀ-ਪੈਲਸ਼ਨ ਦੀ ਗੁਣਵੱਤਾ ਦਿਸਾਈ ਹੈ。 -125 ਨੂੰ ਨੀਲਾ ਦਿਸਾਈ ਹੈ, 125 ਨੂੰ ਪੈਲਸ਼ਨ ਦਿਸਾਈ ਹੈ。 ਵੀ none (ਬਰਾਬਰ 0%) ਵਰਤ ਸਕਦੇ ਹਨ。 |
/ A |
ਵਿਕਲਪਿਤ ਹੈ। ਰੰਗ ਦੇ ਪਾਰਟੀਲਯੂਰਸਟੀ ਚੈਨਲ ਦੀ ਮੁੱਲ ਦਿਸਾਈ ਹੈ (0% ਜਾਂ 0 ਪੂਰੀ ਤਰ੍ਹਾਂ ਪਾਰਟੀਲਯੂਰਸਟੀ, 100% ਜਾਂ 100 ਪੂਰੀ ਤਰ੍ਹਾਂ ਅਪਾਰਟੀਲਯੂਰਸਟੀ ਦਿਸਾਈ ਹੈ)。 ਵੀ none (ਪਾਰਟੀਲਯੂਰਸਟੀ ਚੈਨਲ ਦਾ ਮਤਲਬ) ਵਰਤ ਸਕਦੇ ਹਨ。 ਮੂਲਤਵੀ ਮੁੱਲ 100% ਹੈ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
ਵਰਜਨ: | CSS ਕਲਰ ਮੌਡਿਊਲ ਲੈਵਲ 4 |
---|
ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ
ਸਟੇਬਲ ਵਿੱਚ ਸੰਖਿਆ ਪਹਿਲੀ ਵਾਰ ਫੰਕਸ਼ਨ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰੱਥ ਬਰਾਉਜ਼ਰ ਦੀ ਵਰਜਨ ਦਿਸਾਈ ਹੈ。
ਚਰਮੋਸ | ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
lab() | ||||
111 | 111 | 113 | 15 | 97 |
ਪੈਰਾਮੀਟਰ ਵਿੱਚ ਸੰਖਿਆ ਅਤੇ ਪ੍ਰਤੀਸ਼ਤ ਨੂੰ ਮਿਸ਼ਰਣ | ||||
116 | 116 | 113 | 16.2 | 102 |
ਸਬੰਧਤ ਪੰਨੇ
ਸਮਾਂਤਰ:CSS ਰੰਗ
ਸਮਾਂਤਰ:CSS hsl() ਫੰਕਸ਼ਨ
ਸਮਾਂਤਰ:CSS hwb() ਫੰਕਸ਼ਨ
ਸਮਾਂਤਰ:CSS lch() ਫੰਕਸ਼ਨ
ਸਮਾਂਤਰ:CSS oklab() ਫੰਕਸ਼ਨ
ਸਮਾਂਤਰ:CSS oklch() ਫੰਕਸ਼ਨ
- ਪਿੰਡ ਪੰਨਾ CSS invert() ਫੰਕਸ਼ਨ
- ਅਗਲਾ ਪੰਨਾ CSS lch() ਫੰਕਸ਼ਨ
- ਉੱਪਰ ਵਾਪਸ ਜਾਓ CSS ਫੰਕਸ਼ਨ ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ