همین حالا ثبت نام کنید

ورود

فراموشی رمز عبور

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

آموزش css – قسمت چهارم(رنگ ها)

سلام

با چهارمین قسمت از آموزش های CSS در خدمتتون هستیم، در این مقاله می پردازیم به شیوه مقدار دهی رنگ ها در CSS، در ادامه با بپرسم همراه باشید.

آموزش:

  • برای رنگ دهی به عناصر HTML توسط Css از شیوه های زیر می توانیم استفاده کنیم:
  1. به کار بردن نام رنگ، مثل blue
  2. نوشتن مقدار هگزادسیمال(HEX)، مثل ff0000
  3. نوشتن مقدار RGB، مثل RGB(255,0,0)
  • به کار بردن نام رنگ

همانطور که اشاره کردیم؛ یکی از شیوه های رنگ دهی به عناصر به کار بردن نام رنگ هست، خیلی راحت می تونیم نام رنگ رو بنویسیم تا اعمال بشه، برای مثال به کدهای زیر توجه کنید:

کدهای زیر را در یک فایل HTML ذخیره کنید و نتیجه را مشاهده کنید.

Red

Green

Blue

Orange

Yellow

تفاوتی بین RED و red وجود ندارد، نوشتن نام رنگ با حروف کوچک و بزرگ تفاوتی ندارد.

  • نوشتن مقدار هگزادسیمال(HEX)

مقادیر RGB که مخفف سه رنگ Red Green Blue می باشد را می توانیم توسط مقادیر هگزادسیمال که در قالبی شبیه RRGGBB مشخص می شود، تعریف کنیم.

که در آن RR(قرمز)، GG(سبز) و BB(آبی) است؛ که به جای RRGGBB مقادیر هگزادسیمال که بین ۰۰ و FF(که همان اعداد اعشاری بین ۲۵۵-۰) می باشد.

حتما بخوانید:  آموزش اوبونتو - قسمت دوم(ساخت ماشین مجازی)

توسط این نوع شیوه رنگ دهی می توانیم رنگ های متنوعی خلق کنیم.

مثال: به عنوان نمونه مقدار FF0000 رنگ قرمز است، چون مقادیر رنگ قرمز را مشخص کردیم و به مقادیر سبز و آبی رنگی اختصاص ندادیم.

حال به مثال های بیشتری که در زیر آوردیم توجه کنید:

FF0000

۰۰FF00

۰۰۰۰FF

FFA500

 

تفاوتی بین FF0000 و ff0000 وجود ندارد، نوشتن نام رنگ با حروف کوچک و بزرگ تفاوتی ندارد.

  • نوشتن مقدار RGB

RGB(قرمز،سبز،آبی): مقدار رنگ RGB با اعداد بین ۲۵۵-۰ مشخص می شود.

مثال: به عنوان نمونه مقدار RGB(255,0,0) رنگ قرمز است.

حال توسط ابزاری که قبلا در این مطلب قرار دادیم، رنگ دلخواه خود را ساخته و استفاده نمایید.

پس از ساخت کد رنگ، به صورت زیر می توانیم از آن استفاده کنیم:

این بخش از آموزش نیز به پایان رسید، امیدوارم مفید بوده باشه:)

هرگونه سوالی یا مشکلی در رابطه با مطلب فوق داشتید؛ در سایت بپرسید، پاسخگوی سوالات شما هستیم، برای پرسیدن سوال کلیک کنید.

موفق  باشید.


درباره نویسندهمدیر

امیدوارم از سایت رضایت کافی را داشته باشید :)

پاسخ دهید