CSS hsla() ਕਿਰਤ

ਉਦਾਹਰਣ

ਨਿਮਾਰਗਤਾ ਰੰਗ ਦੇ ਵੱਖ-ਵੱਖ ਰੰਗ ਨੂੰ ਦੱਸੋ:

#p1 {background-color:hsla(120,100%,50%,0.3);} /* ਹਰਿਆਦੀ */
#p2 {background-color:hsla(120,100%,75%,0.3);} /* ਨਾਜ਼ੂਕ ਹਰਿਆਦੀ */
#p3 {background-color:hsla(120,100%,25%,0.3);} /* ਗਹਿਰਾ ਹਰਿਆਦੀ */
#p4 {background-color:hsla(120,60%,70%,0.3);} /* ਨਾਜ਼ੂਕ ਹਰਿਆਦੀ */

ਸਵੈ ਦੀ ਜਾਂਚ ਕਰੋ

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

hsla() ਕਿਰਤ ਹਿਊ-ਪੂਰਤੀ-ਸਫ਼ਤਤਾ-ਅਲਫਾ ਮਾਡਲ (HSLA) ਨਾਲ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

HSLA ਰੰਗ ਮੁੱਲ HSL ਰੰਗ ਮੁੱਲ ਦਾ ਵਿਸਤਾਰ ਹੈ ਜਿਸ ਵਿੱਚ Alpha ਚੈਨਲ ਹੈ - ਇਹ ਚੈਨਲ ਰੰਗ ਦੀ ਨਿਮਾਰਗਤਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਵਰਜਨ: CSS3

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

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

ਕਿਰਤ
hsla() 1.0 9.0 3.0 3.1 10.0

CSS ਗਰੰਥ

hsla(ਰੰਗ ਮੁੱਢਕਾ, ਪੂਰਤੀ, ਸਫ਼ਤਤਾ, alpha)
ਮੁੱਲ ਵਰਣਨ
ਰੰਗ ਮੁੱਢਕਾ ਰੰਗ ਮੁੱਢਕੇ ਦੀ ਕੋਣਮਾਨੀ ਦੇ ਅਰਥ ਦੱਸੋ (0 ਤੋਂ 360 ਤੱਕ) - 0 (ਜਾਂ 360) ਲਾਲ ਹੈ, 120 ਹਰਿਆਦੀ ਹੈ, 240 ਨੀਲੀ ਹੈ。
ਪੂਰਤੀ ਰੰਗ ਦੀ ਪੂਰਤੀ ਦੇ ਅਰਥ ਦੱਸੋ - 0％ ਹਰਿਆਦੀ ਹੈ ਅਤੇ 100％ ਪੂਰਨ ਰੰਗ (ਪੂਰੀ ਪੂਰਤੀ) ਹੈ。
ਸਫ਼ਤਤਾ ਉਜਾਲਾ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ - 0％ ਕਾਲਾ ਹੈ, 50％ ਸਾਧਾਰਨ ਹੈ, 100％ ਸਫੇਦ ਹੈ।
alpha ਅਣਪਾਰਦਰਤਾ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ - 0.0 (ਪੂਰੀ ਪਾਰਦਰਤਾ) ਅਤੇ 1.0 (ਕੋਈ ਪਾਰਦਰਤਾ ਨਹੀਂ) ਵਿਚਕਾਰ ਦਾ ਸੰਖਿਆ ਹੈ。