CSS rgba() ਫੰਕਸ਼ਨ

ਉਦਾਹਰਣ

ਵੱਖ-ਵੱਖ ਅਲਪਾਵਾਜ਼ ਵਾਲੇ RGB ਰੰਗਾਂ (RGBA) ਦੇ ਨਿਰਧਾਰਣ:

#p1 {background-color:rgba(255,0,0,0.3);} /* ਅਲਪਾਵਾਜ਼ ਵਾਲਾ ਲਾਲ */
#p2 {background-color:rgba(0,255,0,0.3);} /* ਅਲਪਾਵਾਜ਼ ਵਾਲਾ ਹਰਾ */
#p3 {background-color:rgba(0,0,255,0.3);} /* ਅਲਪਾਵਾਜ਼ ਵਾਲਾ ਨੀਲਾ */

ਆਪਣੇ ਅਨੁਭਵ ਲਈ ਪ੍ਰਯੋਗ ਕਰੋ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

rgba() ਫੰਕਸ਼ਨ ਰੈਡ-ਗਰੀਨ-ਬਲੂ-ਅਲਪਾਵਾਜ਼ (RGBA) ਮਾਡਲ ਨਾਲ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

RGBA ਰੰਗ ਮੁੱਲ RGB ਰੰਗ ਮੁੱਲ ਦਾ ਵਿਸਥਾਰ ਹੈ ਜਿਸ ਵਿੱਚ ਰੰਗ ਨਾਮਜਾਤ ਅਲਪਾਵਾਜ਼ ਦੀ ਸਮਰੱਥਾ ਹੈ。

ਸੰਸਕਰਣ: CSS3

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

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

ਫੰਕਸ਼ਨ
rgba() 1.0 9.0 3.0 3.1 10.0

CSS ਗਰੰਥ

rgba(red, green, blue, alpha)
ਮੁੱਲ ਵਰਣਨ
red ਲਾਲ ਤੀਵ੍ਰਤਾ ਨੂੰ 0 ਤੋਂ 255 ਦਰਮਿਆਨ ਦਾ ਪੂਰਣ ਸੰਖਿਆ ਦੱਸੇ ਜਾਂ 0% ਤੋਂ 100% ਦਰਮਿਆਨ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਦੱਸੇ。
green ਹਰੇ ਤੀਵ੍ਰਤਾ ਨੂੰ 0 ਤੋਂ 255 ਦਰਮਿਆਨ ਦਾ ਪੂਰਣ ਸੰਖਿਆ ਦੱਸੇ ਜਾਂ 0% ਤੋਂ 100% ਦਰਮਿਆਨ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਦੱਸੇ。
blue ਨੀਲੇ ਤੀਵ੍ਰਤਾ ਨੂੰ 0 ਤੋਂ 255 ਦਰਮਿਆਨ ਦਾ ਪੂਰਣ ਸੰਖਿਆ ਦੱਸੇ ਜਾਂ 0% ਤੋਂ 100% ਦਰਮਿਆਨ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਦੱਸੇ。
alpha ਅਨੁਪਰਾਪਤੀ ਨੂੰ 0.0 (ਪੂਰੀ ਪਾਰਦਰਸ਼ਤਾ) ਅਤੇ 1.0 (ਪੂਰੀ ਅਨੁਪਰਾਪਤੀ) ਦਰਮਿਆਨ ਦਾ ਨੰਬਰ ਦੇਣਾ ਹੈ。