محتوای آموزشی

رنگها در طراحی وب

رنگها در طراحی وب

به طور کلی سه راه برای استفاده از رنگها در صفحه وب وجود دارد:
1-استفاده از نام رنگ
2 –استفاده از کد rgb
3- استفاده از کد هگزا
در ادامه با نحوه استفاده از این روشها آشنا خواهید شد.

1-استفاده از نام رنگ

برخی رنگها در html دارای نام منحصر به فردی میباشند و در مقدار دهی به رنگ یک المان در صفحه کافیست نام از نام آن استفاده کنیم.


<h2 style="background-color:red">

Background-color set by using red

</h2>

به طور کلی html 140 نام رنگ را پشتیبانی میکند.

2- استفاده از کد rgb

در این روش از کد رنگ به صورت (rgb(r,g,b است که r و g و b به ترتیب شدت رنگ های قرمز ، سبز و آبی را نشان می دهند و که هر کدام مقادیری بین 0 تا 255 را می توانند بپذیرند و هر چه عدد انتخاب شده بیشتر باشد شدت آن رنگ در ترکیب قرمز سبز آبی رنگ بیشتر است .


<h2 style="background-color:rgb(255,0,0)">

Background-color set by using rgb(255,0,0)

</h2>

3- استفاده از کد هگزا

در این روش که بدلیل کوتاه و ساده بودن کد رنگ بیشترین استفاده را دارد رنگ به صورت rrggbb# نشان داده می شود و تنها تفاوت آن با روش قبل استفاده از اعداد مبنای 8 (HexaDecimal) به جای اعداد دهدهی است . که rr و gg و bb به ترتیب مقدار عددی شدت رنگ های قرمز ، سبز و آبی رو نشان میدهد و مقادیر هگزادسیمال بین 00 تا FF که معادل همان 0 تا 255 دهدهی هست رو میتواند بگیرد.


<h2 style="background-color:#FF0000">

Background-color set by using #FF0000

</h2>

کامنت جدید ...
Sort by:

مطالب پیشنهادی

'