رنگ ها در HTML
یادگیری HTMLدر HTML رنگ ها را می توان استفاده از نام رنگ ، مقدار RGB یا مقداری هگزادسیمال مشخص كرد.
نام رنگ ها
در HTML یك رنگ میتواند با نام آن مشخص شود.
مثال :
<h2 style="background-color:red">
رنگ زمینه بر روی قرمز تنظیم شده است
</h2>
مشاهده مثالHTML از 140 نام رنگ پشتیبانی می كند.
مقدار RGB
در HTML یك رنگ را می توان با مقدار RGB مشخص كرد. فرمول مورد استفاده برای اینكار به شرح زیر است :
rgb(red , green , blue)
هر پارامتر (red , green , blue) شدت رنگ را بین 0 تا 255 مشخص می كند. به عنوان مثال rgb(255,0,0) به رنگ قرمز نمایش داده می شود زیرا پارامتر red بر روی بیشترین مقدار آن و دو رنگ دیگر بر روی 0 تنظیم شده است.
برای نمایش رنگ سیاه ، باید تمام پارامتر های رنگی بر روی 0 تنظیم شده باشند. rgb(0,0,0)
برای نمایش سفید ،
باید تمام پارامتر های رنگی بر روی 255 تنظیم شده باشند. rgb(255,255,255)
مثال :
<h2 style="background-color:rgb(255,0,0)">
رنگ زمینه بر روی rgb(255,0,0) تنظیم شده است
</h2>
مشاهده مثالبرای سایه های مختلف خاكستری معمولا از یك مقدار مساوی برای هر سه پارامتر استفاده می شود.
مثال :
<h2 style="background-color:rgb(128,128,128)">
رنگ زمینه با استفاده از مقدار rgb(128,128,128) تنظیم شده است
</h2>
مشاهده مثالمقدار HEX
در HTML رنگ ها را می توان با استفاده از یك مقدار هگزادسیمال نیز مشخص كرد كه به صورت زیر نوشته می شود :
RRGGBB#
كه RR قرمز ، GG سبز ، BB آبی را با استفاده از مقادیر 00 تا FF مشخص می كند. (مانند مقادیر دسیمال 0 تا 255)
برای مثال FF0000 به رنگ قرمز نمایش داده می شود چون قرمز بر روی بیشترین مقدار خود یعنی FF تنظیم شده است ، اما دو رنگ دیگر بر روی كمترین مقدار یعنی 00 تنظیم شده است.
مثال :
<h2 style="background-color:#00FFFF">
رنگ زمینه بر روی OOFFFF تنظیم شده است
</h2>
مشاهده مثالبرای سایه های مختلف خاكستری نیز همانند مقدار RGB معمولا از یك مقدار مساوی برای هر سه مورد استفاده می شود.
مثال :
<h2 style="background-color:#808080">
رنگ زمینه بر روی 808080 تنظیم شده است
</h2>
مشاهده مثال
نظرات