CSS-এ Hex কালার ব্যবহার পদ্ধতি

হেক্সাডেসিমেল কালার (একেও "hex colors" বলা হয়) CSS-এ কীভাবে ব্যবহার করবেন তা শিখুন।

হেক্সাডেসিমেল নোটেশন (বা hex color notation) RGB কালার এক্সপ্রেস করার একটি অল্টারনেটিভ পদ্ধতি।

Hex color notation তিনটি ব্লকে স্পেসিফাই হয় যাতে প্রতিটিতে দুটি ভ্যালু থাকে:

মিলে তারা হয় #RRGGBB।

গ্রিকে, Hexa মানে ছয় (৬) সংখ্যা, এবং আপনি দেখতে পাচ্ছেন, RRGGBB-এর মোট যোগফল ছয়।

Hex কালারকে RGB থেকে আলাদা করে যা জিনিস সেটি হচ্ছে hex কালার ০ থেকে ২৫৫ ভ্যালু এক্সপ্রেস করে শুধু ২ ডিজিট দিয়ে।

উদাহরণস্বরূপ, ১০০% সাদা RGB কালার নিচে:

rgb(255,255,255);

Hex কালারে এভাবে এক্সপ্রেস করা যায়:

#ffffff /* 100% সাদা */

আপনি এক ধাপ আরও এগিয়ে যেতে পারেন এবং দুটি ডিজিটকে একটিতে শর্টকাট করতে পারেন যদি সেগুলো সমান হয় (যেমন FF FF FF):

#fff /* 100% সাদার শর্টকাট */

Alpha চ্যানেলসহ Hex

যথা RGB-র RGBa আছে এবং HSL-র HSLa আছে, Hex-রও একটি Alpha চ্যানেল আছে যা এক্সট্রা দুই ডিজিট ব্লক যোগ করে এক্সপ্রেস করা হয়, যাতে hex color notation #RRGGBB হয় #RRGGBBAA (A for Alpha)।

উদাহরণস্বরূপ, নিচের hex কালারটি ১০০% কালো, ২৫% অপাসিটি (75)সহ:

#00000075 /* ২৫% অপাসিটিসহ কালো */

ফলাফল:

Alpha চ্যানেলসহ Hex কালার

বিটিভি: আপনি hex color notation আপারকেস বা লোয়ারকেস লেটার দিয়ে লিখতে পারেন। কোনো পার্থক্য নেই #ffffff বা #FFFFFF লিখলে।

হেক্সাডেসিমেল নোটেশনের ব্রাউজার সাপোর্ট

#RRGGBB hex color notation সব ব্রাউজারে সাপোর্টেড, লিগেসি ব্রাউজার সহ।
#RRGGBBAA hex color notation সব মডার্ন ব্রাউজারে কাজ করে, কিন্তু IE11-এ নয় (কে কেউ মডার্ন মানে)।