آشنایی با رنگ ها در HTML

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


نام های رنگ HTML

در HTML یک رنگ میتواند به وسیله نامش مشخص شود. در نمونه مثال زیر 5 رنگ با نامشان به عنوان رنگ پس زمینه برای هیدینگ h2 تعریف شده اند :

رنگ          نام
   قرمز
   نارنجی
   زرد
   فیروزه ای
   آبی
خودتان امتحان کنید

مقدار RGB برای رنگ ها 

در HTML یک رنگ میتواند به وسیله ی مقدار RGB با استفاده از این فرمول مشخص شود : (rgb(red, green, blue.

همانطور که میدانید سه رنگ اصلی عبارت اند از قرمز، سبز و آبی که رنگ های دیگر از ترکیب آنها بدست می آیند.

هر پارامتر در فرمول بالا (red, green, blue) میزان شدت رنگ را بین اعداد 0 تا 255 مشخص میکند.

برای مثال، (rgb(255, 0, 0 رنگ قرمز را مشخص میکند زیرا میزان شدت رنگ در پارامتر اول(رنگ قرمز) مقدار 255 (بالاترین مقدار) و مقدار دیگر پارامتر ها صفر است.

برای نمایش رنگ مشکی همه ی پارامتر های رنگ باید با مقدار 0 مقداردهی شوند مانند این : (rgb(0,0,0.

برای نمایش رنگ سفید همه ی پارامتر های رنگ باید با مقدار 255 مقداردهی شوند مانند این : (rgb(255,255,255.

در نمونه مثال از مقدار RGB برای مشخص کردن رنگ ها استفاده شده است :

رنگ                     RGB
   (rgb(255,0,0
   (rgb(255,255,0
   (rgb(0,255,0
   (rgb(0,255,255
   (rgb(0,0,255
خودتان امتحان کنید

سایه های خاکستری نیز معمولا توسط سه پارامتر یکسان مشخص میشوند :

رنگ                         RGB                   
   (rgb(0,0,0
   (rgb(90,90,90
   (rgb(128,128,128
   (rgb(200,200,200
   (rgb(255,255,255
خودتان امتحان کنید

 مقدار هگزا دسیمال برای رنگ ها

در HTML یک رنگ میتواند به وسیله ی مقدار هگزا دسیمال (عدد در مبنای 16) به این شکل تعریف شود : RRGGBB# ، که RR(قرمز) ، GG(سبز) و BB (آبی) مقادیر هگزا دسیمالی هستند که بین 00 و FF (همان 0 تا 255 در اعداد بر مبنای 10) قرار دارند.

نکته : هگزادسیمال (Hexadecimal) که به اختصار هگز (Hex) نیز نامیده می‌شود، یک سامانه عدد نویسی است که بر مبنای ۱۶ بوده و برای نمایش دادن آن از ۱۶ سمبل استفاده می‌شود. اعداد ۰ تا ۹ به صورت عادی (یعنی همان اعداد ۰ تا ۹) و اعداد ۱۰ تا ۱۵ را با حروف A (ده) و B (یازده) و C (دوازده) و D (سیزده) و E (چهارده) و F (پانزده) نشان می‌دهند.

 

 برای مثال #FF0000 رنگ قرمز را مشخص میکند زیرا را که رنگ قرمز با بالاترین مقدارش (FF) مقداردهی شده و دیگر رنگ ها با مقدار 0 تنظیم شده اند.

رنگ           HEX
   FF0000#
   #FFFF00
   #00FF00
   #00FFFF
   #0000FF
خودتان امتحان کنید

سایه های خاکستری نیز معمولا توسط سه مقدار یکسان مشخص میشوند : 

رنگ                         RGB                       
   #000000
   #404040
   #404040
   #404040
   #FFFFFF
خودتان امتحان کنید
منتشر شده در ۲ خرداد ۱۳۹۶ حمید رضا ملکی ۱۲۲۵ بازدید
دیدگاه ها

هنوز دیدگاهی ثبت نشده