رنگ های RGB
این مشخصه سه مقدار می گیرد که هر کدام برای سبز، قرمز و آبی می باشد. مقدار این مشخصه می تواند عددی بین 0 و 255 یا یک عدد درصدی باشد همانطور که از اسم این روش مشخصه ما باید از ۳ رنگ اصلی
R (Red)
و
G (Green)
و
B (Blue)
استفاده نماییم.
کار با رنگ های RGB در طراحی وب
ارزش رنگ RGB
در HTML ، یک رنگ را می توان به عنوان مقدار RGB با استفاده از این فرمول مشخص کرد:
R
G
B
(قرمز ، سبز ، آبی)
هر پارامتر (قرمز ، سبز و آبی) شدت رنگ را با مقداری بین
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).
مثال
<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
سایه های خاکستری اغلب با استفاده از مقادیر مساوی برای هر سه پارامتر تعریف می شوند:
مثال
<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 را برایتان آماده کرده ایم تا به آسانی به آن دسترسی داشته باشید:
