اگر کدهای html یا CSS رو نگاه کرده باشید ، در قسمت هایی که برای تنظیم رنگ متن ، پس زمینه ، حاشیه و … وجود داره معمولا رنگ رو با یک کد خاص به کار بردند . چیزی شبیه rrggbb# . امروز می خوایم به صورت کامل و مفصل در مورد نام و کد رنگ ها در زبان های html و CSS صحبت کنیم .
:: معمولا رنگ ها رو به سه طریف در میون کدهای html و css استفاده می کنند . این سه شیوه رو براتون در جدول زیر آوردم :
| شیوه استفاده | مثال | توضیح |
| استفاده از نام رنگ | black سیاه
red قرمز | از ۱۴۷ نام رنگ تعریف شده در CSS و Html استفاده می شود |
| استفاده از کد ترکیبی (عدد دهدهی) | rgb(0,0,0) سیاه
rgb(255,0,0) قرمز | در این روش از کد رنگ به صورت (rgb(r,g,b است که r و g و b به ترتیب شدت رنگ های قرمز ، سبز و آبی را نشان می دهند و که هر کدام مقادیری بین ۰ تا ۲۵۵ را می توانند بپذیرند و هر چه عدد انتخاب شده بیشتر باشد شدت آن رنگ در ترکیب قرمز سبز آبی رنگ بیشتر است . |
| استفاده از کد ترکیبی (عدد مبنای ۱۶) | #۰۰۰۰۰۰ سیاه
#FF0000 قرمز | در این روش که بدلیل کوتاه و ساده بودن کد رنگ بیشترین استفاده رو داره رنگ به صورت rrggbb# نشان داده می شود و تنها تفاوت آن با روش قبل استفاده از اعداد مبنای ۸ (HexaDecimal) به جای اعداد دهدهی است . که rr و gg و bb به ترتیب مقدار عددی شدت رنگ های قرمز ، سبز و آبی رو نشون میده و مقادیر هگزادسیمال بین ۰۰ تا FF که معادل همون ۰ تا ۲۵۵ دهدهی هست رو میتونه بگیره . |
:: نکته در مورد اعداد مبنای ۱۶ یا همون Hexadecimal
:: رقم های اعداد مبنای r ، از ۰ هستند تا r-1 . مثلا در مبنای پرکاربرد ۱۰ که روزانه ازش استفاده می کنید ، رقم ها ۰ تا ۹ هستند . و مبنای ۱۶ دارای ارقام ۰ تا ۱۵ هست . برا اینکه ابهامی در خوندن اعداد مبنای ۱۶ پیش نیاد ، رقم های ۱۰ تا ۱۵ رو در مبنای ۱۶ با حروف الفبای لاتین از A تا F نشون میدن . اگر اینکار صورت نمی گرفت در خواندن اعداد مبنای ۱۶ ابهامات زیادی بود . مثلا عدد ۱۱۲ رو به سه شکل می شد تفسیر کرد . اینکه از سه رقم ۱ و ۱ و ۲ ایجاد شده یا از دو رقم ۱۱ و ۲ و یا اینکه از دو رقم ۱ و ۱۲ !!! وقتی از حروف به جای ارقام بزرگتر از ۹ در مبنای ۱۶ استفاده کنیم این سه تفسیر رو به صورت سه عدد ۱۱۲ و B2 و ۱C داریم که اعداد کاملا واضح و مشخصی در سیستم مبنای ۱۶ هستند .
:: پس شانزده رقم مبنای ۱۶ عبارتند از ۰ , ۱ , ۲ , ۳ , ۴ , ۵ , ۶ , ۷ , ۸ , ۹ , F , E , D , C , B , A
:: برای اینکه بیشتر آشنا بشید در جدول زیر چند رنگ معروف رو با سه روش گفته شده آوردم . خوب دقت کنید که چطور کدها با ترکیب سه رنگ قرمز و سبز و آبی ساخته شدند :
| رنگ | کد رنگ 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) |
:: به طور مثال در جدول فوق کد رنگ مشکی ۰۰۰۰۰۰# هست . یعنی هیچ رنگی موجود نیست (سیاهی !) . و وقتی که همه ی رنگ ها مقدارشون حداکثر باشه سفید (FFFFFF#) رو داریم !
:: نام های استاندارد تعریف شده برای رنگ ها در CSS و HTML
برای تعداد ۱۴۷ رنگ در CSS و HTML نام استاندارد تعریف شده که اونها رو با رنگ و کد معادلشون در زیر می بینید :
:: در انتها هم یک انتخاب کننده رنگ رو در زیر براتون تهیه کردم که میتونید به راحتی رنگ مورد نظرتون رو انتخاب کنید و کد و مقادیر استفاده شده ی هر کدوم از رنگ های قرمز و سبز و آبی رو برای ایجاد اون رنگ ببینید :
:: رنگ ها کاربرد زیادی در صفحات وب دارند . معمولا بیشتر از کدهای HEX برای ایجاد رنگ ها استفاده می شه و از نام رنگها به خاطر اینکه حفظ کردن و به یاد آوردنشون سخته استفاده نمیشه .
امیدوارم این مطلب بدردتون خورده باشه .
