[vc_row][vc_column][vc_column_text]

رنگ های RGB

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

همانطور که از اسم این روش مشخصه ما باید از ۳ رنگ اصلی R (Red) و G (Green) و B (Blue) استفاده نماییم.

---

[/vc_column_text][vc_column_text]

کار با رنگ های 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).

مثال:

 

نتیجه:

rgb(255, 0, 0)

rgb(0, 0, 255)

rgb(60, 179, 113)

rgb(238, 130, 238)

rgb(255, 165, 0)

rgb(106, 90, 205)

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

رنگ ها و سایه های خاکستری در HTML

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

مثال:

 

نتیجه:

rgb(60, 60, 60)

rgb(100, 100, 100)

rgb(140, 140, 140)

rgb(180, 180, 180)

rgb(200, 200, 200)

rgb(240, 240, 240)

[/vc_column_text][vc_column_text]

 کد رنگ های RGB برای طراحی وب سایت

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

rgb(0, 187, 120)

rgb(0, 196, 120)

rgb(0, 207, 120)

rgb(0, 217, 120)

rgb(0, 209, 87)

rgb(0, 241, 120)

rgb(0, 231, 120)

rgb(127, 209, 87)

rgb(176, 209, 87)

rgb(213, 209, 87)

rgb(234, 209, 87)

rgb(254, 209, 87)

rgb(254, 226, 87)

rgb(254, 242, 87)

rgb(254, 251, 87)

rgb(254, 251, 118)

rgb(254, 251, 138)

rgb(254, 251, 158)

rgb(254, 251, 186)

rgb(254, 251, 222)

rgb(254, 251, 233)

rgb(240, 247, 253)

rgb(218, 247, 253)

rgb(190, 247, 253)

rgb(139, 247, 253)

rgb(81, 247, 253)

rgb(19, 247, 253)

rgb(19, 220, 253)

rgb(19, 191, 253)

rgb(19, 171, 253)

rgb(19, 147, 253)

rgb(19, 128, 253)

rgb(19, 104, 253)

rgb(19, 80, 253)

rgb(19, 60, 253)

rgb(19, 23, 253)

rgb(19, 16, 205)

rgb(19, 16, 165)

rgb(19, 16, 130)

rgb(19, 16, 90)

rgb(19, 16, 56)

rgb(19, 16, 30)

rgb(65, 16, 14)

rgb(93, 16, 14)

rgb(121, 16, 14)

rgb(147, 16, 14)

rgb(181, 16, 14)

rgb(211, 16, 14)

rgb(227, 16, 14)

rgb(242, 16, 14)

rgb(255, 16, 14)

rgb(255, 84, 14)

rgb(255, 114, 14)

rgb(255, 138, 14)

rgb(255, 163, 14)

rgb(255, 189, 14)

rgb(255, 204, 14)

rgb(255, 224, 14)

rgb(255, 237, 14)

rgb(255, 246, 14)

rgb(255, 251, 14)

rgb(255, 251, 84)

rgb(255, 251, 108)

rgb(255, 251, 138)

rgb(255, 251, 159)

rgb(255, 251, 178)

rgb(255, 251, 199)

rgb(255, 251, 223)

rgb(254, 222, 251)

rgb(254, 206, 251)

rgb(254, 179, 251)

rgb(254, 152, 251)

rgb(254, 129, 251)

rgb(254, 94, 251)

rgb(254, 56, 251)

rgb(254, 19, 251)

rgb(254, 0, 251)

rgb(254, 0, 184)

rgb(254, 0, 167)

rgb(254, 0, 146)

rgb(254, 0, 116)

rgb(254, 0, 100)

rgb(254, 0, 83)

rgb(254, 0, 67)

rgb(254, 0, 48)

rgb(254, 0, 31)

rgb(245, 0, 9)

rgb(255, 0, 9)

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row]