ਸੀਐੱਸਐੱਸ ਹਵਬੀ() ਫੰਕਸ਼ਨ

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

ਸੀਐੱਸਐੱਸ ਦੇ hwb() ਫੰਕਸ਼ਨ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰਨ ਲਈ ਟੋਨ-ਸਫ਼ਟੀ-ਕਾਲਸ਼ਨ ਮਾਡਲ (HWB) ਵਰਤੇ ਜਾਂਦਾ ਹੈ। ਇਸ ਵਿੱਚ ਇੱਕ ਚੋਣੀ ਹੋਈ ਪਾਰਦਰਸ਼ਤਾ ਚੈਨਲ (ਰੰਗ ਦੀ ਪਾਰਦਰਸ਼ਤਾ ਦਿਸਾਈ) ਵੀ ਹੋ ਸਕਦਾ ਹੈ。

ਉਦਾਹਰਣ

ਵੱਖ-ਵੱਖ ਐੱਚਡਬਲਿਊਬੀ(ਏ) ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ:

#p1 {background-color:hwb(60 40% 20% / 0.5);}
#p2 {background-color:hwb(120 40% 20%);}
#p3 {background-color:hwb(120 40% 20% / 20%);}
#p4 {background-color:hwb(240 40% 20%);}
#p5 {background-color:hwb(240 50% 10%);}
#p6 {background-color:hwb(240 40% 20% / 0.3);}
#p7 {background-color:hwb(300 40% 20% / 0.5);}
#p8 {background-color:hwb(360 40% 20%);}
#p9 {background-color:hwb(360 90% 0%);}

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

CSS ਗਰੇਕੀ

ਸਥਾਪਿਤ ਮੁੱਲ ਗਰੇਕੀ

hwb(hue whiteness blackness / A)
ਮੁੱਲ ਵਰਣਨ
hue

ਲਾਜ਼ਮੀ।ਰੰਗ ਦੀ ਪਲੈਟੇਨ ਉੱਤੇ ਦਰਜਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ (0 (ਜਾਂ 360) ਰੰਗੀ, 120 ਹਰੇ, 240 ਨੀਲੇ)。

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

ਲਾਜ਼ਮੀ।ਮਿਸ਼ਰਣ ਦੀ ਵਾਈਟਨੈੱਸ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ; 0% ਵਾਈਟਨੈੱਸ ਨਹੀਂ ਹੈ, 100% ਪੂਰੀ ਵਾਈਟਨੈੱਸ ਹੈ。

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

ਲਾਜ਼ਮੀ।ਮਿਸ਼ਰਣ ਦੀ ਬਲੈਕਨੈੱਸ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ; 0% ਬਲੈਕਨੈੱਸ ਨਹੀਂ ਹੈ, 100% ਪੂਰੀ ਬਲੈਕਨੈੱਸ ਹੈ。

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

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

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

ਮੂਲ ਮੁੱਲ 100% ਹੈ。

ਸਬੰਧਤ ਮੁੱਲ ਗਰੇਕੀ

hwb(from color whiteness blackness / A)
ਮੁੱਲ ਵਰਣਨ
from color

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

ਇਹ ਸਬੰਧਤ ਰੰਗ ਦਾ ਮੂਲ ਰੰਗ ਹੈ。
hue

ਲਾਜ਼ਮੀ।ਰੰਗ ਦੀ ਪਲੈਟੇਨ ਉੱਤੇ ਦਰਜਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ (0 (ਜਾਂ 360) ਰੰਗੀ, 120 ਹਰੇ, 240 ਨੀਲੇ)。

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

ਲਾਜ਼ਮੀ।ਮਿਸ਼ਰਣ ਦੀ ਵਾਈਟਨੈੱਸ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ; 0% ਵਾਈਟਨੈੱਸ ਨਹੀਂ ਹੈ, 100% ਪੂਰੀ ਵਾਈਟਨੈੱਸ ਹੈ。

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

ਲਾਜ਼ਮੀ।ਮਿਸ਼ਰਣ ਦੀ ਬਲੈਕਨੈੱਸ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ; 0% ਬਲੈਕਨੈੱਸ ਨਹੀਂ ਹੈ, 100% ਪੂਰੀ ਬਲੈਕਨੈੱਸ ਹੈ。

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

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

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

ਮੂਲ ਮੁੱਲ 100% ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਵਰਜਨ: CSS ਕਲਰ ਮੌਡਿਊਲ ਲੈਵਲ 4

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

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

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
hwb()
101 101 96 15 87
ਪੈਰਾਮੀਟਰ ਵਿੱਚ ਨੰਬਰ ਅਤੇ ਪ੍ਰਤੀਸ਼ਤ ਮਿਸ਼ਰਣ
121 121 122 ਸਮਰਥਨ ਨਹੀਂ 107

ਸਬੰਧਤ ਪੰਨੇ

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

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

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

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

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

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