از ویژگی color برای تغییر رنگ متن قسمتهای مختلف صفحه استفاده می شود. برای مثال می توانید رنگ متن یک جدول را تغییر دهیم و یا قسمتی از متنصفحه را که با تگ SPAN مشخص کرده ایم با رنگ متفاوتی با بقیه متن نمایشدهیم. این تگ از آن جهت که کاربرد تگ <FONT> و در نتیجه شناسه color که در تگ فونت استفاده می شود، در HTML۴ در حال محدود شدن است اهمیتبیشتری پیدا می کند.
البته در قسمتهای قبلی هم از این ویژگی استفاده کرده ایم اما در باره آن توضیحی داده نشده است.
مانند COLOR در تگ FONT رنگها در این ویژگی به دو صورت تعیین می شوند. شکل کلی این ویژگی به صورت زیر است:
کد:

کد:
color: ColorName
 

color:#XXXXXX

نکته : XXXXXX معادل عددی رنگ مورد نظر است و به جای ColorName هم میتوان نام رنگ مورد نظر را نوشت . ( در قسمت اول توشیح داده شد. )
اگر می خواهید از رنگهای معمولی که با نام شناخته می شوند استفادهکنید کافی است تا نام رنگ مورد نظر خود را در این ویژگی استفاده کنید. اینروش ساده تر است ولی انعطاف پذیری کمتری هم دارد چون تنها می توانید رنگمورد نظر خود را از بین تعداد اندکی نام رنگ انتخاب کنید.
در صورتی که می خواهید از رنگهای بیشتری استفاده کنید و بهتر بتوانیدرنگ مو رد نظر خود را انتخاب کنید می توانید از معادل هگزادسیمال رنگهااستفاده کنید. در این صورت می توانید از ۲۱۶ رنگ مورد استفاده در وب رنگمورد نظر خود را انتخاب کنید.
در مورد کد رنگ ها در قسمت های قبل توضیح داده شده است
در اینجا به ذکر چند مثال برای استفاده از ویژگی color می پردازیم. مادر اینجا از شناسه style برای تعریف کردن این ویژگی استفاده می کنیم امابه خاطر داشته باشید که می توانیم این ویژگی را برای یک تگ مشخص یا بهصورت class و id در بخش HEAD متن یا استایل خارجی نیز به کار ببریم.
برای مثال در استفاده از color برای تغییر رنگ متن یک جدول می توانیم کد جدول را به صورت زیر بنویسیم:
کد:

کد:
<table border=”۰″ style=”color:  red”>
<tr>
<td>
این متن به رنگ قرمز نمایش داده می شود.
</td>
</tr>
</table>

نتیجه کد بالا با کدی که در پایین آمده است یکسان است
کد:
کد:


<table border=”۰″ style=”color:  #FF۰۰۰۰″>
<tr>
<td>
این متن به رنگ قرمز نمایش داده می شود.
</td>
</tr>
</table>


نتیجه هر دو کد بالا به صورت زیر است
این متن به رنگ قرمز نمایش داده می شود.
به یاد داشته باشید که می توانید از ویژگی color برای هر کدام ازسطرها یا سلولهای یک جدول به صورت جداگانه استفاده کنید. فقط کافیست تا “style=”color: XXX را در هر قسمت قرار دهید و رنگ مورد نظر خود را به جای XXX قرار دهید.