رنگ در HTML
به طور پیش فرض رنگ متون و جداول صفحه در تمام مرورگرها به رنگ مشکی می باشد . اما گاهی لازم داریم که رنگ یک سری از قسمت های متن را برای نمایش بهتر با یک رنگ متفاوت نمایش بدهیم . برای انجام اینکار می توانیم به صورت مستقیم رنگ قسمت مورد نظر را در Html تغییر بدهیم .
به صورت کلی رنگها با 2 مقدار در Html نشانه گذاری می شوند .
نوع اول استفاده از کد هگزا می باشد . این کد تشکیل شده از 6 کاراکتر که هر کدام از آنها می تواند یکی از مقادیر زیر باشد:
0,1,2,3,4,5,6,7,8,9, A,B,C,D,E,F
که این شش کاراکتر بهمراه علامت # می آیند، بدین شکل: FFFFFF#
این مقدار نمایانگر سه رنگ قرمز (Red) سبز (Green) و آبی (Blue) می باشد که اصطلاحاً به آنها RGB می گویند. اگر هگز یک رنگ را FF0099 در نظر بگیریم، FF مقدار ترکیبی رنگ قرمز، 00 مقدار ترکیبی رنگ سبز و 99 مقدار رنگ آبی را نشان می دهد که 00 کمرنگ ترین و FF پر رنگ ترین حالت را نمایش می دهند. بطور مثال FF0000 کاملاً رنگ قرمز را نشان می دهد.
با ترکیب این 16 کاراکتر می توانید 16.7 میلیون رنگ بسازید. اما فقط 256 رنگ هست که سازگار با کلیه سیستمهای عامل و مرورگرها است یعنی رنگهای غیر از آنها در سیستمهای مختلف با هم فرق دارند
بنا بر اعلام W3C بهتر است برای بکارگیری رنگها از خصوصیات استایل شیت‌ها استفاده کنید چون در آینده نزدیک خصوصیات رنگها در عناصر کاربردی نخواهد داشت و از رده خارج می‌شوند. همچنین از حروف بزرگ در مقداردهی رنگها استفاده کنید و علامت # را فراموش نکنید.
9 رنگ پر کاربرد را می توانید در زیر مشاهده کنید .
| رنگ | کد رنگ HEX | کد رنگ RGB |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #FF0000 | rgb(255,0,0) | |
| #00FF00 | rgb(0,255,0) | |
| #0000FF | rgb(0,0,255) | |
| #FFFF00 | rgb(255,255,0) | |
| #00FFFF | rgb(0,255,255) | |
| #FF00FF | rgb(255,0,255) | |
| #C0C0C0 | rgb(192,192,192) | |
| #FFFFFF | rgb(255,255,255) |
:: نام های استاندارد تعریف شده برای رنگ ها در CSS و HTML
برای تعداد ۱۴۷ رنگ در CSS و Html نام استاندارد تعریف شده که اونها رو با رنگ و کد معادلشون در زیر می بینید :
روش استفاده از کدهای فوق به شکل زیر می باشد
<font color="red">رنگ متن به صورت قرمز در مرورگر نمایش داده می شود </font>
<font color="#038ffb" >رنگ متن به صورت آبی در مرورگر نمایش داده می شود </font>
