কিভাবে হেক্সাডেসিমেল রং ব্যবহার করতে হয় তা জানুন (সিএসএস-এ "হেক্স রং"ও বলা হয়।
হেক্সাডেসিমেল নোটেশন (বা হেক্স কালার নোটেশন) হল RGB রঙ প্রকাশ করার একটি বিকল্প উপায়।
হেক্স রঙের স্বরলিপি প্রতিটিতে দুটি মান সহ তিনটি ব্লকে নির্দিষ্ট করা হয়েছে:
- আরআর
- GG
- বিবি
একসাথে তারা #RRGGBB হয়।
গ্রীক ভাষায়, Hexa মানে ছয় নম্বর (6), এবং আপনি দেখতে পাচ্ছেন, RRGGBB এর মোট যোগফল ছয়।
হেক্স রঙগুলিকে আরজিবি থেকে আলাদা করে তোলে তা হল হেক্স রঙগুলি 0 থেকে 255 পর্যন্ত মান প্রকাশ করে মাত্র 2 সংখ্যার সাথে৷
উদাহরণস্বরূপ, নীচের 100% সাদা আরজিবি রঙ:
rgb(255,255,255);
এইভাবে হেক্স রঙে প্রকাশ করা যেতে পারে:
#ffffff /* 100% white */
আপনি এটিকে আরও এক ধাপ এগিয়ে নিয়ে যেতে পারেন এবং দুটি সংখ্যাকে একটিতে শর্টকাট করতে পারেন যদি তারা সমান হয় (যেমন FF FF FF):
#fff /* shortcut for 100% white */
একটি আলফা চ্যানেলের সাথে হেক্স
যেমন RGB-এর RGBa এবং HSL-এর HSLa আছে, হেক্স-এরও একটি আলফা চ্যানেল রয়েছে যা একটি অতিরিক্ত দুই-অঙ্কের ব্লক যোগ করে প্রকাশ করা হয়, যাতে হেক্স রঙের স্বরলিপি #RRGGBB #RRGGBBAA হয়ে যায় (আলফার জন্য A)।
উদাহরণস্বরূপ, নিম্নলিখিত হেক্স রঙ 100% কালো, 25% অস্বচ্ছতা সহ (75
):
#00000075 /* Black with 25% opacity */
ফলাফল:
একটি আলফা চ্যানেলের সাথে হেক্স রঙBtw:আপনি বড় হাতের বা ছোট হাতের অক্ষর ব্যবহার করে হেক্স কালার নোটেশন লিখতে পারেন। আপনি #ffffff বা #FFFFFF লিখুন তাতে কোন পার্থক্য নেই।
হেক্সাডেসিমাল নোটেশনের জন্য ব্রাউজার সমর্থন
- #RRGGBB হেক্স কালার নোটেশন লিগ্যাসি ব্রাউজার সহ সকল ব্রাউজারে সমর্থিত।
- #RRGGBBAA হেক্স কালার নোটেশন সব আধুনিক ব্রাউজারে কাজ করে, কিন্তু IE11 তে নয় (যদি কেউ এটিকে আধুনিক বিবেচনা করে )।