CSS rgb() ਫੰਕਸ਼ਨ

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

CSS ਦੀ rgb() ਫੰਕਸ਼ਨ ਰਾਹੀਂ ਲਾਲ-ਹਰੇ-ਨੀਲਾ (RGB) ਰੰਗ ਮਾਡਲ ਵਰਤ ਕੇ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਇਸ ਵਿੱਚ ਇੱਕ ਵਿਕਲਪਿਤ ਪਾਰਦਰਸ਼ਤਾ ਚੈਨਲ (ਰੰਗ ਦੀ ਪਾਰਦਰਸ਼ਤਾ ਦਿਸ਼ਾ ਨੂੰ ਪੇਸ਼ ਕਰਦਾ ਹੈ) ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ。

RGB ਰੰਗ ਮੁੱਲ ਰੰਗ ਨਿਰਧਾਰਣ ਕਰਨ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ rgb(red green blue) ਨਿਰਦਿਸ਼ਟ ਕਰੋ। ਹਰੇਕ ਪੈਰਾਮੀਟਰ ਰੰਗ ਦੀ ਤੀਵਰਤਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ， ਜੋ 0 ਤੋਂ 255 ਤੱਕ ਦਾ ਪੂਰਣ ਸੰਖਿਆ ਹੋ ਸਕਦਾ ਹੈ ਜਾਂ 0% ਤੋਂ 100% ਤੱਕ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਹੋ ਸਕਦਾ ਹੈ。

ਉਦਾਹਰਣ ਵਿੱਚ، rgb(0 0 255) ਮੁੱਲ ਨੂੰ ਨੀਲਾ ਪੇਸ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਕਿਉਂਕਿ ਨੀਲਾ ਪੈਰਾਮੀਟਰ ਮਹੱਤਵਪੂਰਨ ਮੁੱਲ (255) ਰੱਖਿਆ ਗਿਆ ਹੈ ਅਤੇ ਹੋਰ ਪੈਰਾਮੀਟਰ 0 ਰੱਖੇ ਗਏ ਹਨ。

ਧਿਆਨ:rgba() ਫੰਕਸ਼ਨ ਹੈ: rgb() ਫੰਕਸ਼ਨ ਦਾ ਪਰਿਭਾਸ਼ਕ ਨਾਮ rgb() ਫੰਕਸ਼ਨ

ਉਦਾਹਰਣ

ਵੱਖ-ਵੱਖ RGB(A) ਰੰਗਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ:

#p1 {background-color:rgb(255 0 0);} /* ਲਾਲ */
#p2 {background-color:rgb(0 255 0);} /* ਹਰਾ */
#p3 {background-color:rgb(0 0 255);} /* ਨੀਲਾ */
#p4 {background-color:rgb(192 192 192);} /* ਕਾਲੇ ਰੰਗ */
#p5 {background-color:rgb(255 255 0);} /* ਪੈਲ ਰੰਗ */
#p6 {background-color:rgb(255 0 255);} /* ਚੋਰੀ ਰੰਗ */
#p7 {background-color:rgb(255 0 255 / 0.2);} /* ਟ੍ਰਾਂਸਪਰੈਂਸੀ ਵਾਲਾ ਚੋਰੀ ਰੰਗ */
#p8 {background-color:rgb(0 0 255 / 50%);} /* ਟ੍ਰਾਂਸਪਰੈਂਸੀ ਵਾਲਾ ਨੀਲਾ */

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਸਕ੍ਰੀਪਟ

ਸਥਾਈ ਮੁੱਲ ਸਕ੍ਰੀਪਟ

rgb(R G B / A)
ਮੁੱਲ ਵਰਣਨ
R

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

ਵੀ none (0% ਨਾਲ ਸਮਾਨ) ਵਰਤ ਸਕਦੇ ਹਨ।
G

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

ਵੀ none (0% ਨਾਲ ਸਮਾਨ) ਵਰਤ ਸਕਦੇ ਹਨ।
B

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

ਵੀ none (0% ਨਾਲ ਸਮਾਨ) ਵਰਤ ਸਕਦੇ ਹਨ।
/ A

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

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

ਸਬੰਧਤ ਮੁੱਲ ਸਕ੍ਰੀਪਟ

rgb(from color R G B / A)
ਮੁੱਲ ਵਰਣਨ
from color

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

ਇਹ ਸਬੰਧਤ ਰੰਗ ਦੇ ਮੂਲ ਰੰਗ ਨੂੰ ਅਧਾਰ ਬਣਾਉਂਦਾ ਹੈ。
R

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

ਵੀ none (0% ਨਾਲ ਸਮਾਨ) ਵਰਤ ਸਕਦੇ ਹਨ।
G

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

ਵੀ none (0% ਨਾਲ ਸਮਾਨ) ਵਰਤ ਸਕਦੇ ਹਨ।
B

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

ਵੀ none (0% ਨਾਲ ਸਮਾਨ) ਵਰਤ ਸਕਦੇ ਹਨ।
/ A

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

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

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਵਰਜਨ: CSS2

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

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

ਚਰਮੋਇਲ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
rgb()
1 4 1 1 3.5
rgb() ਨਾਲ ਟ੍ਰਾਂਸਪਰੈਂਸੀ ਪੈਰਾਮੀਟਰ
65 79 52 12.1 52
ਸਪੇਸ ਵੱਖ-ਵੱਖ ਪੈਰਾਮੀਟਰਾਂ ਵਿੱਚ
65 79 52 12.1 52