رنگ‌های RGB در CSS (RGB Colors)
یک مقدار رنگ RGB نمایانگر منابع نوری قرمز (Red)، سبز (Green) و آبی (Blue) است.
مقدار RGB (RGB Value)
در CSS، یک رنگ می‌تواند به عنوان یک مقدار RGB با استفاده از فرمول زیر مشخص شود:
rgb(red, green, blue)هر پارامتر (قرمز، سبز، آبی) شدت رنگ را بین 0 تا 255 تعریف می‌کند.
- مثال:
- برای نمایش رنگ قرمز، مقدار قرمز را به بیشترین مقدار (255) و دو رنگ دیگر را به 0 تنظیم می‌کنیم:
rgb(255, 0, 0) - برای نمایش رنگ مشکی، همه پارامترهای رنگ را به 0 تنظیم کنید:
rgb(0, 0, 0) - برای نمایش رنگ سفید، همه پارامترهای رنگ را به 255 تنظیم کنید:
rgb(255, 255, 255)
- برای نمایش رنگ قرمز، مقدار قرمز را به بیشترین مقدار (255) و دو رنگ دیگر را به 0 تنظیم می‌کنیم:
ترکیب رنگ‌های RGB:
مثال‌ها:
rgb(255, 0, 0) /* رنگ قرمز */
rgb(0, 0, 255) /* رنگ آبی */
rgb(60, 179, 113) /* رنگ سبز تیره */
rgb(238, 130, 238) /* رنگ بنفش روشن */
rgb(255, 165, 0) /* رنگ نارنجی */
rgb(106, 90, 205) /* رنگ آبی مایل به بنفش */—
طیف‌های خاکستری (Shades of Gray)
طیف‌های خاکستری معمولاً با استفاده از مقادیر مساوی برای هر سه منبع نوری (قرمز، سبز و آبی) تعریف می‌شوند.
مثال:
rgb(60, 60, 60) /* خاکستری تیره */
rgb(90, 90, 90) /* خاکستری متوسط */
rgb(120, 120, 120)/* خاکستری روشن */
rgb(180, 180, 180)/* خاکستری روشن‌تر */
rgb(210, 210, 210)/* خاکستری خیلی روشن */
rgb(240, 240, 240)/* تقریباً سفید */مقدار RGBA (RGBA Value)
مقادیر رنگ RGBA یک توسعه از مقادیر RGB هستند که دارای یک کانال آلفا (Alpha) هستند – که شفافیت (Opacity) رنگ را مشخص می‌کند.
فرمول RGBA به صورت زیر است:
rgba(red, green, blue, alpha)پارامتر آلفا عددی بین 0.0 (کاملاً شفاف) و 1.0 (کاملاً مات) است.
ترکیب رنگ‌های RGBA:
مثال‌ها:
rgba(255, 99, 71, 0) /* کاملاً شفاف */
rgba(255, 99, 71, 0.2) /* کمی شفاف */
rgba(255, 99, 71, 0.4) /* شفافیت متوسط */
rgba(255, 99, 71, 0.6) /* نسبتاً شفاف */
rgba(255, 99, 71, 0.8) /* کمی مات */
rgba(255, 99, 71, 1) /* کاملاً مات */
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام