কম্পিউটার

কিভাবে CSS এ Hex Colors ব্যবহার করবেন

কিভাবে হেক্সাডেসিমেল রং ব্যবহার করতে হয় তা জানুন (সিএসএস-এ "হেক্স রং"ও বলা হয়।

হেক্সাডেসিমেল নোটেশন (বা হেক্স কালার নোটেশন) হল 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 তে নয় (যদি কেউ এটিকে আধুনিক বিবেচনা করে )।

  1. সেলেনিয়ামে লোকেটার হিসাবে সিএসএস নির্বাচক কীভাবে ব্যবহার করবেন?

  2. কিভাবে HTML এ অভ্যন্তরীণ CSS (স্টাইল শীট) ব্যবহার করবেন?

  3. কিভাবে HTML এ ইনলাইন CSS (স্টাইল শীট) ব্যবহার করবেন?

  4. মাইনক্রাফ্ট কালার কোডগুলি কীভাবে ব্যবহার করবেন