RGBA ﻭ CSS RGB ﯼﺎﻫ ﮓﻧﺭ

فهرست مطالب

    نمایش فهرست مطالب

ﺖﺳﺍ ﯽﺑﺁ ﻭ ﺰﺒﺳ ،ﺰﻣﺮﻗ ﺭﻮﻧ ﻩﺪﻨﻫﺩ ﻥﺎﺸﻧ RGB ﮓﻧﺭ ﺭﺍﺪﻘﻣ

RGB ﺭﺍﺪﻘﻣ

:ﺩﺮﮐ ﺺﺨﺸﻣ RGB ﺭﺍﺪﻘﻣ ﻥﺍﻮﻨﻋ ﻪﺑ ﻥﺍﻮﺗ ﯽﻣ ﺍﺭ ﮓﻧﺭ ﮏﯾ ،ﻝﻮﻣﺮﻓ ﻦﯾﺍ ﺯﺍ ﻩﺩﺎﻔﺘﺳﺍ ﺎﺑ ،CSS ﺭ

rgb(ﺰﻣﺮﻗ، ﺰﺒﺳ، ﯽﺑﺁ)

ﻭ ﺰﺒﺳ ،ﺰﻣﺮﻗ) ﺮﺘﻣﺍﺭﺎﭘ ﺮﻫ

،ﺩﻮﺷ ﯽﻣ ﻩﺩﺍﺩ ﺶﯾﺎﻤﻧ ﺰﻣﺮﻗ ﺕﺭﻮﺻ ﻪﺑ rgb(255، 0، 0) ،ﻝﺎﺜﻣ ﻥﺍﻮﻨﻋ ﻪﺑ

.rgb(0، 0، 0) :ﺪﻨﻧﺎﻣ ،ﺪﯿﻨﮐ ﻢﯿﻈﻨﺗ 0 ﯼﻭﺭ ﺍﺭ ﮓﻧﺭ ﯼﺎﻫﺮﺘﻣﺍﺭﺎﭘ ﻡﺎﻤﺗ ،ﯽﮑﺸﻣ ﺶﯾﺎﻤﻧ ﯼﺍﺮﺑ

ﺪﯿﻨﮐ ﻢﯿﻈﻨﺗ 255 ﯼﻭﺭ ﺍﺭ ﮓﻧﺭ ﯼﺎﻫﺮﺘﻣﺍﺭﺎﭘ ﻡﺎﻤﺗ ،ﺪﯿﻔﺳ ﮓﻧﺭ ﺶﯾﺎﻤﻧ ﯼﺍﺮﺑ

:ﺪﯿﻨﮐ ﺶﯾﺎﻣﺯﺁ ﺮﯾﺯ RGB ﺮﯾﺩﺎﻘﻣ ﻥﺩﺮﮐ ﻁﻮﻠﺨﻣ ﺎﺑ

 

RED

255

GREEN

0

BLUE

0

ﻝﺎﺜﻣ

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<body>

<h1>Specify colors using RGB values</h1>

<h2 style="background-color:rgb(255, 0, 0);">rgb(255, 0, 0)</h2>
<h2 style="background-color:rgb(0, 0, 255);">rgb(0, 0, 255)</h2>
<h2 style="background-color:rgb(60, 179, 113);">rgb(60, 179, 113)</h2>
<h2 style="background-color:rgb(238, 130, 238);">rgb(238, 130, 238)</h2>
<h2 style="background-color:rgb(255, 165, 0);">rgb(255, 165, 0)</h2>
<h2 style="background-color:rgb(106, 90, 205);">rgb(106, 90, 205)</h2>

</body>
</html>

:ﺪﻧﻮﺷ ﯽﻣ ﻒﯾﺮﻌﺗ ﺭﻮﻧ ﻊﺒﻨﻣ 3 ﺮﻫ ﯼﺍﺮﺑ ﯼﻭﺎﺴﻣ ﺮﯾﺩﺎﻘﻣ ﺯﺍ ﻩﺩﺎﻔﺘﺳﺍ ﺎﺑ ﺐﻠﻏﺍ ﯼﺮﺘﺴﮐﺎﺧ ﯼﺎﻫ

ﻝﺎﺜﻣ

rgb(60, 60, 60)
rgb(90, 90, 90)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(210, 210, 210)
rgb(240, 240, 240)

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<body>

<h1>Shades of gray</h1>

<p>By using equal values for red, green, and blue, you will get different shades of gray:</p>

<h2 style="background-color:rgb(60, 60, 60);">rgb(60, 60, 60)</h2>
<h2 style="background-color:rgb(90, 90, 90);">rgb(90, 90, 90)</h2>
<h2 style="background-color:rgb(120, 120, 120);">rgb(120, 120, 120)</h2>
<h2 style="background-color:rgb(180, 180, 180);">rgb(180, 180, 180)</h2>
<h2 style="background-color:rgb(210, 210, 210);">rgb(210, 210, 210)</h2>
<h2 style="background-color:rgb(240, 240, 240);">rgb(240, 240, 240)</h2>

</body>
</html>

RGBA ﺵﺯﺭﺍ

ﺪﻨﺘﺴﻫ ﺎﻔﻟﺁ ﻝﺎﻧﺎﮐ ﺎﺑ RGB ﮓﻧﺭ ﺮﯾﺩﺎﻘﻣ ﺵﺮﺘﺴﮔ RGBA ﮓﻧﺭ ﺮﯾﺩﺎﻘﻣ

ﺖﺳﺍ RGBA ﮓﻧﺭ ﺭﺍﺪﻘﻣ ﮏﯾ

rgba(ﺰﻣﺮﻗ، ﺰﺒﺳ، ﯽﺑﺁ،

ﺖﺳﺍ ﺩﺪﻋ ﮏﯾ ﺎﻔﻟﺁ ﺮﺘﻣﺍﺭﺎﭘ

:ﺪﯿﻨﮐ ﺶﯾﺎﻣﺯﺁ ﺮﯾﺯ RGBA ﺮﯾﺩﺎﻘﻣ ﻥﺩﺮﮐ ﻁﻮﻠﺨﻣ ﺎﺑ

 

RED

255

GREEN

0

BLUE

0

ALPHA

0

ﻝﺎﺜﻣ

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<body>

<h1>Make transparent colors with RGBA</h1>

<h2 style="background-color:rgba(255, 99, 71, 0);">rgba(255, 99, 71, 0)</h2>
<h2 style="background-color:rgba(255, 99, 71, 0.2);">rgba(255, 99, 71, 0.2)</h2>
<h2 style="background-color:rgba(255, 99, 71, 0.4);">rgba(255, 99, 71, 0.4)</h2>
<h2 style="background-color:rgba(255, 99, 71, 0.6);">rgba(255, 99, 71, 0.6)</h2>
<h2 style="background-color:rgba(255, 99, 71, 0.8);">rgba(255, 99, 71, 0.8)</h2>
<h2 style="background-color:rgba(255, 99, 71, 1);">rgba(255, 99, 71, 1)</h2>

</body>
</html>