যে কোন ডিজাইন এর সৌন্দর্য অনেকখানি নির্ভর করে সঠিক কালার নির্বাচন এর উপর । ওয়েবে বা ডিজিটাল মিডিযায় যে কালার গুলো ব্যবহার হয় সেগুলো ধাপে ধাপে আমরা শিখবো ।
রঙগুলি রেড, গ্রিন এবং ব্লু লাইটের সমন্বয়ে প্রদর্শিত হয়।
রঙের নাম
সিএসএসের সাহায্যে রঙের নাম ব্যবহার করে রঙগুলি সেট করা যায়:
রঙ | রঙের নাম |
Red | |
Green | |
yellow | |
Cyan | |
Blue | |
Magenta |
সিএসএস রঙের মান
সিএসএসের সাহায্যে রঙগুলি বিভিন্ন উপায়ে নির্দিষ্ট করা যায়:
- রঙের নাম অনুসারে
- RGB মান হিসাবে
- হেক্সাডেসিমাল মান হিসাবে
- HSL মান হিসাবে (CSS3)
- HWB মান হিসাবে (CSS4)
RGB কালার
আরজিবি রঙএর মানগুলি সমস্ত ব্রাউজার সাপোর্ট করে ।
আরজিবি রঙগুলোর মান নির্দিষ্ট করা হয়: rgb(red, green, blue)
প্রতিটি প্যারামিটার 0 এবং 255 এর মধ্যে একটি পূর্ণসংখ্যা হিসাবে রঙের তীব্রতা নির্ধারণ করে।
যেমন rgb(255, 0, 0) লাল রং নির্ধারন করে । কারন লাল এর সর্বচ্চ মান 255 দিয়ে দেয়া হয়েছে এবং অন্য গুলো 0
রঙ | রঙের নাম | RGB code |
Red | rgb(255, 0, 0) | |
Green | rgb(0,255, 0) | |
yellow | rgb(255, 255, 0) | |
Cyan | rgb(0, 255, 255) | |
Blue | rgb(0, 0, 255) | |
Magenta | rgb(255, 0, 255) | |
Black | rgb(0, 0, 0) |
সাদা কালোর মাঝে ধুসর রং গুলো তৈরি করা হয় তিন কালারের সমান সমান মান ব্যবহার করে
কালার | কালার নেম | RGB কালার কোড |
Black | rgb(0, 0, 0) | |
Gray | rgb(128, 128, 128) | |
Gainsboro | rgb(220, 220, 220) | |
White | rgb(255, 255, 255) |
হেক্সাডেসিমাল কালার
হেক্সাডেসিমাল রঙের মানগুলি ও সমস্ত ব্রাউজারে সমর্থিত।
হেক্সাডেসিমাল রঙ লেখা হয় : #RRGGBB এভাবে ।
RR (red), GG (green) এবং BB (blue) বোঝায় আর এখানে Hexadecimal Number system ব্যবহার করা হয় যা 0 থেকে F এই ১৬ টি সংখ্যা দিয়ে ।
উদাহরণস্বরূপ, #0000FF নীল হিসাবে প্রদর্শিত হয়, কারণ নীল উপাদানটি তার সর্বোচ্চ মান (FF) এ সেট করা থাকে এবং অন্যান্যগুলি 00 তে সেট করা থাকে।
রঙ | রঙের নাম | Hex Code | RGB code |
Red | #FF0000 | rgb(255, 0, 0) | |
Green | #00FF00 | rgb(0,255, 0) | |
yellow | #FFFF00 | rgb(255, 255, 0) | |
Cyan | #00FFFF | rgb(0, 255, 255) | |
Blue | #0000FF | rgb(0, 0, 255) | |
Magenta | #FF00FF | rgb(255, 0, 255) | |
Black | #000000 | rgb(0, 0, 0) |
সাদা কালোর মাঝে ধুসর রং গুলো তৈরি করা হয় তিন কালারের সমান সমান মান ব্যবহার করে
কালার | কালার নেম | Hex Code | RGB Code |
Black | #000000 | rgb(0, 0, 0) | |
Gray | #808080 | rgb(128, 128, 128) | |
Gainsboro | #DCDCDC | rgb(220, 220, 220) | |
White | #FFFFFF | rgb(255, 255, 255) |
আপার কেস বা লোয়ার কেস?
হেক্সাডেসিমাল মান উল্লেখ করতে আপনি বড় হাতের অক্ষর বা ছোট হাতের অক্ষর ব্যবহার করতে পারেন।
লোয়ার কেস লিখতে সহজ। আপার কেস পড়া সহজ।
সিএসএস 140 স্ট্যান্ডার্ড রঙের নাম সমর্থন করে।
পেস্ট কালার Rgb And hex color ki