• پاسخگویی سوالات در خصوص خرید هاست و ثبت دامنه
  • 013-32625682
اپ وباپ وباپ وباپ وب
  • صفحه اصلی
  • هاست (میزبانی وب)
    • هاست سی پنل ایران
    • هاست سی پنل آلمان
    • هاست وردپرس اختصاصی
    • هاست پایتون و Node js
    • هاست ارزان و اقتصادی
    • هاست نمایندگی
    • هاست ویندوز
  • هاست ابری
  • سرور مجازی
    • سرور مجازی ایران
    • سرور مجازی آلمان
    • سرور مجازی فنلاند
  • قالب رایگان وردپرس
    • فروشگاهی
    • شرکتی
    • همه گروه ها
  • دامنه
    • جستجو و ثبت دامنه
    • خرید دامنه
    • گواهینامه SSL
  • پشتیبانی
    • ارسال درخواست پشتیبانی
    • ارتباط با ما / درباره ما
    • آموزش هاستینگ
    • آموزش HTML
    • قوانین
    • کسب درآمد در آپ وب
ورود به سایت
✕

رنگ های RGB در HTML

اموزش 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 را برایتان آماده کرده ایم تا به آسانی به آن دسترسی داشته باشید:

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)

Related posts

اموزش html
28 آبان 1402

رمزگذاری در HTML-آموزش Charset در HTML به زبان ساده


Read more
اموزش html
26 مهر 1402

آموزش کار با نمادها (Symbols) در HTML


Read more
اموزش html
26 مهر 1402

آموزش موجودیت ها یا Entities در Html بصورت جامع


Read more
اموزش html
25 مهر 1402

عناصر معنایی یا Semantic Elements در HTML


Read more

آپ وب خانه امن رویاهای آنلاین شما


خرید هاست و ثبت دامنه پیش نیاز برای ایجاد سایت میباشد. سرعت بارگزاری سرورها و اپتایم نقش مهمی در سئو سایت دارد. آپ وب تلاش میکند بهترین کیفیت هاست را برای شما ایجاد کند.
آپ وب با بیش از 8 سال سابقه در کنار شماست.

نماد اعتماد الکترونیکی


مجوز وزارت صنعت و معدن

خرید هاست



ارسال تیکت

ارتباط با ما


شماره تماس: 32625682-013
[email protected]

نیاز به پشتیبانی دارید؟

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


ارتباط با ما

خرید هاست

هاست لینوکس

هاست سی پنل

هاست وردپرس

هاست اقتصادی

هاست نمایندگی

هاست ویندوز

سایر خدمات

ثبت دامنه ملی و بین المللی

سرور مجازی آلمان

سرور مجازی فنلاند

گواهینامه SSL

قالب آماده وردپرس رایگان

© تمام حقوق برای شرکت هاستینگ آپ وب محفوظ می باشد.
ورود به سایت