مشاوره رایگان
دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان
جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید

کار با رنگ ها در html - تفاوت rgb و hex چیست؟


رنگ ها در html :

نقش رنگ ها در روح بخشی و ایجاد یک ظاهر دل انگیز در یک وب سایت بسیارحائز اهمیت است . شما می توانید رنگ ها را روی بخش های مختلف صفحه وب خود با استفاده از تگ <body>  به کار بگیرید ، یا می توانید رنگ ها را داخل تگ های مجزا با استفاده از ویژگی bgcolor  اضافه کنید. 
تگ <body> به واسطه ی ویژگی (مشخصه ) های زیر می تواند برای تنظیم رنگ های مختلف استفاده شود :

  • bgcolor ویژگی   : رنگی را برای زمینه ی صفحه تنظیم می کند.
  • text   رنگی را برای متن تنظیم می کند.
  • alink رنگی را برای لینک های فعال یا انتخاب شده تنظیم می کند.
  • link  رنگی را برای متن های لینک شده تنظیم می کند.

 

روش های کد گذاری رنگ در  HTML:

در ادامه سه روش متفاوت برای تنظیم رنگ بخش های مختلف صفحه ی وب ارائه شده است :

  • Color names   : می توانید نام رنگ ها را به طور مستقیم تعیین کنید، به عنوان مثال سبز، قرمز، آبی و غیره.
  • Hex codes : یک کد شش رقمی که نشان دهنده ی مقدار آبی، قرمز و سبزی سازنده ی رنگ، می باشد.
  • Color decimal or percentage valuesاین مقدار با استفاده از ویژگی rgb( ) تعیین می شود.

اکنون این روش های رنگ گذاری را یکی پس از دیگری بررسی خواهیم کرد.

رنگ ها در html   - نام رنگ ها :

می توانید برای تنظیم رنگ متن یا زمینه به طور مستقیم از نام رنگ استفاده کنید .

W3C لیستی از 16 رنگ پایه را دارد که توسط یک اعتبار سنج HTML ارزیابی می شود، اما خوشبختانه نام بیشتر از 200 رنگ مختلف توسط مرورگرهای مهم پشتیبانی می شوند. (که ما در اینجا به ذکر 16 نمونه اکتفا کردیم ) 

16 رنگ از لیست W3C :

در اینجا نام 16 رنگ استاندارد W3C را مشاهده می کنید، پیشنهاد می شود که از آنها استفاده کنید.

https://clicksite.org/files2/1f987/images/image-20180617004401-1.png

 

مثال زیر نشان می دهد که چگونه به واسطه ی نام رنگ ، بک گراند را تغییر دهید  :

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Name</title>
   </head>
	
   <body text = "blue" bgcolor = "green">
      <p>Use different color names for for body and table and see the result.</p>
      
      <table bgcolor = "black">
         <tr>
            <td>
               <font color = "white">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

رنگ های - HTML  کدهای  Hex:

هگزا دسیمال یک نمایش 6 رقمی از یک رنگ می باشد. دو رقم اول یعنی RR نمایانگر رنگ قرمز (Red) می باشند ، دو رقم بعدی (GG) مقدار سبز (green) را نشان می دهند و آخرین دو رقم (BB) نیز مقدار آبی (blue) را نشان می دهند. 
هر کد هگزا دسیمال به وسیله ی یک علامت # شروع می شود. در ادامه رنگ های مورد استفاده در نشانه گذاری هگزا دسیمال را مشاهده می کنید :

https://clicksite.org/files2/1f987/images/image-20180617010334-2.png

درقطعه کد زیر روش تغییر رنگ پس زمینه  توسط کد رنگ هگزا دسیمال را  میبینید

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Hex</title>
   </head>
	
   <body text = "#0000FF" bgcolor = "#00FF00">
      <p>Use different color hexa for for body and table and see the result.</p>
      
      <table bgcolor = "#000000">
         <tr>
            <td>
               <font color = "#FFFFFF">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

رنگ های html  - رنگ های  rgb

 تغییر رنگ با استفاده از مشخصه rgb  نیز ممکن است. این مشخصه سه مقدار می گیرد که هر کدام برای سبز، قرمز و آبی می باشد. مقدار این مشخصه می تواند عددی بین 0 و 255 یا یک عدد درصدی باشد. دقت کنید که همه ی مرورگر ها از مشخصه ی rgb پشتیبانی نمیکنند ، بهتر است از آن استفاده نکنید .

در تصویر لیستی از رنگ های rgb را مشاهده می کنید :

https://clicksite.org/files2/1f987/images/image-20180617010650-3.png

 مثالی برای تنظیم پس زمینه  توسط کد رنگ rgb :

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by RGB code</title>
   </head>
	
   <body text = "rgb(0,0,255)" bgcolor = "rgb(0,255,0)">
      <p>Use different color code for for body and table and see the result.</p>
      
      <table bgcolor = "rgb(0,0,0)">
         <tr>
            <td>
               <font color = "rgb(255,255,255)">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>
  

امن ترین رنگ های مرورگر :

در تصویر زیر لیستی از 216 رنگ وجود دارد که تصور می شود سالم ترین و مستقل ترین رنگ های کامپیوتر باشند. این رنگ ها از کد هگزای 000000 تا FFFFFF متفاوت می باشند و توسط همه ی کامپیوترهای دارای پالت رنگ 256 تایی پشتیبانی می شوند.

.

https://clicksite.org/files2/1f987/images/image-20180617011220-4.png

فصلِ: 5 , تعداد قسمت ها: 177 , سطح: صفر تا صد

این فصل در یک نگاه:

در این فصل صفحات قالب فروشگاهی را بطور کامل واکنشگرا می کنیم.…

HTML مخفف عبارت Hypertext Markup Language است. این زبان در واقع یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب و وب اپلیکیشن‌ها محسوب می‌شود. در واقع HTML را عنصر کلیدی صفحات وب می‌…
فصلِ: 5 , تعداد قسمت ها: 77 , سطح: متوسط

این فصل در یک نگاه:

ساخت منوی مدیریت سایت،ایجاد بخش دسته بندی ها ، جدول نمایش دسته ها و ایجاد دسته جدید،ایجاد بخش ویژگی های یک دسته،ایجاد وی…

این مجموعه با تلفیقی از فریمورک bootstrap  و کد های html و css  ارائه گردیده و پیش نیاز این آموزش ، دوره دیجی کالای آقای مهندس بلاغی است چون این پروژه در قالب mvc پیاده گردیده و با توجه به ا…
فصلِ: 11 , تعداد قسمت ها: 162 , سطح: صفر تا صد

این فصل در یک نگاه:

در این فصل(فصل یازدهم مجموعه)،به طراحی CMS (سیستم مدیریت محتوا)اختصاصی فروشگاه می پردازیم.هدف از طراحی این بخش،آنست که م…

در این مجموعه آموزشی قصد داریم از صفر تا صد طراحی یک فروشگاه اینترنتی رو به صورت کامل آموزش بدهیم.این فروشگاه شامل تمامی بخش های مورد نیاز یک فروشگاه اینترنتی است. هدف از این مجموعه،آموزش…
فصلِ: 4 , تعداد قسمت ها: 240 , سطح: صفر تا صد

این فصل در یک نگاه:

طراحی پنل مدیریت(دسته بندی)- دسته بندی یا category - نمایش دسته های فرعی در view با ورود به یکی از دسته های اصلی و آشن…

توضیحات کلی مجموعه: این مجموعه توسط فریمورک محبوب و دوست داشتنی bootstrap  و به صورت تضمینی  و صفر تا صد جهت یادگیری کارآموزان عزیز ارائه گردیده و دوستانی که این دوره را به طور کامل و دقیق…
فصلِ: 4 , تعداد قسمت ها: 368 , سطح: صفر تا صد

این فصل در یک نگاه:

مباحث تکمیلی فریم ورک لاراول…

فصل اول :آموزش مقدماتی فریم ورک لاراول معرفی فریم ورک لاراول و پیشنیازهای انجام کار انجام کانفیگ های اولیه برای نصب و راه اندازی فریم ورک معرفی روش های نصب پروژه لاراولی از طریق سایت گی…
فصلِ: 1 , تعداد قسمت ها: 155 , سطح: صفر تا صد

این فصل در یک نگاه:

مباحث مقدماتی فریم ورک react.js…

توضیحات کلی مجموعه: فصل اول : آشنایی با مباحث مقدماتی فریم ورک react.js نصب و راه اندازی node.js  و کلیه پیش نیازهای لازم نصب فریم ورک react روی لوکال و انجام تست های لازم آغاز آشنایی …
فصلِ: 1 , تعداد قسمت ها: 15 , سطح: متوسط

این فصل در یک نگاه:

رشد و درآمدزایی یک وب سایت یا کسب و کار اینترنتی کاملا به ذوق و مهارت وب مستر یا همان مدیر اصلی وب سایت گره خورده و متاس…

 اصول مدیریت وب سایت برای وب مستر شدن برای موفقیت یک وب سایت لازم الاجراست. زیرا شما دوست دارید وب سایت خود را به کارخانه پولسازی تبدیل کنید. این واقعیت رویا نیست. هرکس این اصول را بداند به …

تولید شده توسط کلیک سایت

پشتیبانی آنلاین
آماده پاسخگویی هستیم
انتخاب تصویر جهت ارسال:
در حال ضبط صدا

(جهت توقف و یا لغو ضبط از دکمه های زیر استفاده کنید)

توقف و ارسال :
لغو ضبط
در حال حاضر تمامی کارشناسان آفلاین هستند. همواره می توانید با شماره تلگرام / واتساپ 09010005000 به صورت آنلاین با ما در ارتباط باشید. جهت ورود به واتساپ کلیک کنید
0 پیام جدید
پشتیبان در حال تایپ ...
ارسال تصویر ضبط صدا
0 کارشناسان آنلاین می باشند
این گفت و گو توسط پشتیبان به اتمام رسید