CSS RGB কালার

একটি আরজিবি রঙ মান লাল, সবুজ এবং নীল আলোর উত্সকে উপস্থাপন করে। RGB = Red, Green ও Blue

আরজিবি কালার 

সিএসএসে এই সূত্রটি ব্যবহার করে কোনও রঙ আরজিবি মান হিসাবে নির্দিষ্ট করা যেতে পারে:

rgb(red, green, blue)

প্রিতিটি প্যারামিটার (red, green, and blue) রঙের তীব্রতা নির্ধারণ করে 0 থেকে 255 এর মধ্যে ।

উদাহরন স্বরুপ rgb(255, 0, 0) লাল রঙ দেখায় কারন এখানে লাল এর ভেলু সর্বাধিক অর্থাৎ ২৫৫ এবং রং দুটির মান 0 ।

আবার সবগুলোর মান 0 হলে কালো রং আসে যেমন rgb(0, 0, 0)

একই ভাবে সবগুলো রং এর মান ২৫৫ দিলে হয় সাদা রঙ যেমন rgb(255, 255, 255)

নিচে RED, GREEN ও BLUE এর মান বদল করে পরীক্ষা করে দেখতে পারেন 🙂

rgb(255, 41, 71)
RED

255
GREEN

41
BLUE

71

আরো কিছু উদাহরন

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

নিজে চেষ্টা করুন

ধূসর শেডগুলি প্রায়শই 3 টি হালকা উত্সের জন্য সমান মান ব্যবহার করে সংজ্ঞায়িত হয়:

ধূসব বা গ্রে কালার এর উদাহরন

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

নিজে চেষ্টা করুন


RGBA Value

আরজিবিএ রঙ মানগুলি একটি আলফা চ্যানেলের সাথে আরজিবি রঙের মানগুলির একটি এক্সটেনশন – যা কোনও রঙের জন্য অস্বচ্ছতা (Opacity) নির্দিষ্ট করে।

একটি আরজিবিএ কালার ভেলু নিচের মতো করে ব্যবহার করা হয়

rgba(red, green, blue, alpha)

alpha প্যারামিটার টি হয় 0.0 থেকে 1.0 এর মধ্যে যেখানে 0.0 হলো পুরোপুরি ট্রান্সপারেন্ট/স্বচ্ছ এবং 1.0  হচ্ছে একদমই ট্রান্সপারেন্ট/স্বচ্ছ  না ।

RGBA Color System দিয়ে আপনি গ্লাস ইফেক্ট দিতে পারবেন ওয়েব পেজে

অর্থাৎ হালকা নীল বা  হালকা  সবুজ গ্লাস এর ভেরত দিয়ে বাইরের অপজেক্ট গুলো যেমন নীল ভাব কিংবা সবুজ ভাব দেয়ায় তেমন করা যায় RGBA Color system ব্যবহার করে ।

rgba(255, 41, 71, 0.75)
RED

255
GREEN

41
BLUE

71
ALPHA

0.75

RGBA Color এর আরো কিছু উদাহরন

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)

নিজে চেষ্টা করুন

কমেন্ট করুন

Your email address will not be published.