رنگ های RGB در HTML
رنگ های RGB
این مشخصه سه مقدار می گیرد که هر کدام برای سبز، قرمز و آبی می باشد. مقدار این مشخصه می تواند عددی بین 0 و 255 یا یک عدد درصدی باشد
همانطور که از اسم این روش مشخصه ما باید از ۳ رنگ اصلی R (Red) و G (Green) و B (Blue) استفاده نماییم.
کار با رنگ های RGB در طراحی وب
ارزش رنگ RGB
در HTML ، یک رنگ را می توان به عنوان مقدار RGB با استفاده از این فرمول مشخص کرد:
RGB (قرمز ، سبز ، آبی)
هر پارامتر (قرمز ، سبز و آبی) شدت رنگ را با مقداری بین 0 تا 255 تعریف می کند.
این بدان معناست که 256 25 256 25 256 = 16777216 رنگ ممکن وجود دارد!
به عنوان مثال:
، rgb (255 ، 0 ، 0) به رنگ قرمز نمایش داده می شود ، زیرا قرمز روی بالاترین مقدار خود (255) و دو مورد دیگر (سبز و آبی) روی 0 تنظیم شده است.
مثال دیگر ، rgb (0 ، 255 ، 0) به رنگ سبز نمایش داده می شود ، زیرا رنگ سبز در بالاترین مقدار (255) و دو مورد دیگر (قرمز و آبی) روی 0 تنظیم شده است.
برای نمایش سیاه ، همه پارامترهای رنگ را روی 0 تنظیم کنید ، مانند این: rgb (0 ، 0 ، 0).
برای نمایش رنگ سفید ، همه پارامترهای رنگ را روی 255 تنظیم کنید ، مانند این: rgb (255 ، 255 ، 255).
مثال:
|
1 2 3 4 5 6 |
<h1 style="background-color:rgb(255, 0, 0);">rgb(255, 0, 0)</h1> <h1 style="background-color:rgb(0, 0, 255);">rgb(0, 0, 255)</h1> <h1 style="background-color:rgb(60, 179, 113);">rgb(60, 179, 113)</h1> <h1 style="background-color:rgb(238, 130, 238);">rgb(238, 130, 238)</h1> <h1 style="background-color:rgb(255, 165, 0);">rgb(255, 165, 0)</h1> <h1 style="background-color:rgb(106, 90, 205);">rgb(106, 90, 205)</h1> |
نتیجه:
rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)
رنگ ها و سایه های خاکستری در HTML
سایه های خاکستری اغلب با استفاده از مقادیر مساوی برای هر سه پارامتر تعریف می شوند:
مثال:
|
1 2 3 4 5 6 |
<h1 style="background-color:rgb(60, 60, 60);">rgb(60, 60, 60)</h1> <h1 style="background-color:rgb(100, 100, 100);">rgb(100, 100, 100)</h1> <h1 style="background-color:rgb(140, 140, 140);">rgb(140, 140, 140)</h1> <h1 style="background-color:rgb(180, 180, 180);">rgb(180, 180, 180)</h1> <h1 style="background-color:rgb(200, 200, 200);">rgb(200, 200, 200)</h1> <h1 style="background-color:rgb(240, 240, 240);">rgb(240, 240, 240)</h1> |
نتیجه:
rgb(60, 60, 60)
rgb(100, 100, 100)
rgb(140, 140, 140)
rgb(180, 180, 180)
rgb(200, 200, 200)
rgb(240, 240, 240)
کد رنگ های RGB برای طراحی وب سایت
درلیست زیر مجموعه ای از کد رنگ های RGB را برایتان آماده کرده ایم تا به آسانی به آن دسترسی داشته باشید: