HTML এর color code সম্পর্কে জানুন, webpage কে রাঙিয়ে তুলুন নতুন রঙে

11
1631

জানেন কি! কিভাবে HTML এর color code ব্যবহার করা হয় ?  bgcolor=”blue” অথবা bgcolor=”rgb(0,0,255)” অথবা bgcolor=”#FFCCDD” এই ধরনের code এর ই বা মানে কি ? কোনো color কে hexadecimal কিভাবে রূপান্তর করবেন ? কোনটা ব্যবহার করা ভালো ? কেন ভালো ? RGB কি ?

HTML এর color code সম্পর্কে জানুন, webpage কে রাঙিয়ে তুলুন নতুন রঙে

HTML এ Color set করার তিনটি পদ্ধতি আছে। সাধারন কিছু কালার যেমন কালো, সাদা, লাল, সবুজ, নীল। এইচটিএমএল এ কালার value লেখার সময় সরাসরি এদের নাম লেখা হয়।

যেমন <font color=”blue”> এখানে যা লেখবেন তা নীল রঙের হয়ে যাবে </font>

<font color=”red”> এখানে যা লেখবেন তা লাল রঙের হয়ে যাবে </font>

নিচে ১৬টি মৌলিক কালারের নাম লেখা হল।

১৬টি মৌলিক কালার:

১৬টি মৌলিক কালার HTML এর color code সম্পর্কে জানুন, webpage কে রাঙিয়ে তুলুন নতুন রঙে

এইচটিএমএল-রং পদ্ধতি আরজিবি মান (HTML- Coloring system: rgb value)

আমি আপনাদেরকে নিরাপদ web design এর জন্য HTML rgb ব্যবহারের পরামর্শ দেব না কারন Non-IE browser,  HTML rgb সাপোর্ট করে না। আপনারা যদি CSS শিখতে চান তাহলে আপনাদের উচিত এই বিষয় সম্বন্ধে জানা।

Red, Green এবং Blue এই তিনটি কালারের সমষ্টি হচ্ছে  rgb । প্রত্যেকের মান ০(যখন কোন কালার থাকে না) হতে ২৫৫(যখন ঐ কালারটি সম্পুর্ন থাকে)। rgb ফরমেটটি হল rgb(RED,GREEN,BLUE)।

Red, Green এবং Blue এর মান:

bgcolor=”rgb(255,255,255)” White
bgcolor=”rgb(255,0,0)” Red
bgcolor=”rgb(0,255,0)” Green
bgcolor=”rgb(0,0,255)” Blue

এইচটিএমএল-রং পদ্ধতি:হেক্সাডেসিমাল (HTML- Coloring system: Hexadecimal)

প্রথম প্রথম Hexadecimal system বুঝতে একটু কারন এই system একটু জটিল ও কঠিন। practice করার মাধ্যমে বিষয়টি অনেক সহজ হয় যাবে। এই Hexadecimal system সকল ক্ষেত্রে গ্রহনযোগ্য এবং বহুল ব্যবহৃত। Hexadecimal system টি ইন্টারনেটের standard color।Hexadecimal হল ৬ digit কালারের উপস্থাপন। প্রথম দুটি digit(RR), Red value নির্দেশ করে পরবর্তি দুটি digit(GG), Green value নির্দেশ করে এবং সর্বশেষ দুটি digit(BB), Blue value নির্দেশ করে।

এইচটিএমএল হেক্সাডেসিমাল রং:– bgcolor=”#RRGGBB”

নিচে টেবিলে দেখানো হয়েছে কিভাবে বর্ণ Hexadecimal system এর Numbering system কে বর্ধিত করে ১৬ digit এ উন্নীত করে।

Decimal 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Hexadecimal 0 1 2 3 4 5 6 7 8 9 A B C D E F

তাই বর্ণকে নম্বর হিসাবে ব্যবহার করা হয়। এই বর্ণকে পরে নম্বরে রুপান্তর করা হয়।নিচে একটি উদাহরন দেয়া হলো।

একটি বাস্তব হেক্সাডেসিমাল:

bgcolor=”#FFFFFF”

এখানে “F” হচ্ছে সবোর্চ্চ পরিমান এবং এই কালারটি (“#FFFFFF”) সাদা কালার নিদের্শ করে। নিচে বিষয়টি বিস্তারিত আলোচনা করা হয়েছে।

হেক্সাডেসিমাল সূত্র:

(15 * 16) + (15) = 255

উপরের সূত্রটি বাস্তব। প্রথমে F এর মান(১৫) কে ১৬ দ্বারা গুন করে পরবর্তি মানের সাথে যোগ করতে হবে। ২৫৫ মানটি যেকোন প্রাথমিক কালারের মানের ক্ষেত্রে সর্বোচ্চ।নিচে আরও উদাহরন দেয়া হলো।

উদাহরন:

bgcolor=”#CC7005″

CC(RR – Red) –> (12 * 16) + (12) = 204

70(GG – Green) –> (7 * 16) + (0) = 112

05(BB – Blue) –> (0 * 16) + (5) = 5

এখন আসেন দেখি কিভাবে আমাদের কম্পিউটার এর paint ব্যবহার করে value তৈরী করতে পারি

প্রথমে আপনার কম্পিউটার এর paint টি খুলুন,
paint option টি পাবেন start > all programs > accessories > paint
এবার paint এর মধ্যে “edit color” option টি বের করুন.

HTML এর color code সম্পর্কে জানুন, webpage কে রাঙিয়ে তুলুন নতুন রঙে
এবার যে কোনো একটি color সেলেক্ট করুন, লক্ষ করুন ডান দিকের নিচের কোনায়, আপনার সেলেক্ট করা color এর Red, Green, Blue এই তিনটি রঙের নামের পাসে তিনটি value পাবেন. ছবিতে যেমন দেখানো হয়েছে.
Red 99
Green 213
Blue 96
আপনার সেলেক্ট করা color এর Red, Green , Blue এর value গুলোকে হেজ্জাডেসিমেল এ কনভার্ট করতে হলে নিচের পদ্ধতি অনুসরণ করুন
Red 99

16) 99 (6
…..96
—————-
……..3
সুতরাং Red 99 এর Hexadecimal value হবে 63, যেখানে 6 হলো ভাগফল এবং  3 হলো ভাগশেষ

একই রকম ভাবে Green 213 এর জন্য Hexadecimal value হবে
Green 213
16) 213 (13
…..208
—————-
……….5

সুতরাং Green 213 এর Hexadecimal value হবে D5, যেখানে 13 হলো ভাগফল এবং  5 হলো ভাগশেষ
Hexadecimal এ 13 কে D লেখে ,
A=10, B=11, C=12, D=13, E=14, F=15

একই রকম ভাবে Blue 96 এর জন্য Hexadecimal value হবে
Blue 96

16) 96 ( 6
…..96
—————-
…….0

সুতরাং Blue 96 এর Hexadecimal value হবে 60, যেখানে 6 হলো ভাগফল এবং  0 হলো ভাগশেষ

এবং সবশেষে Red,Green,Blue একসাথে ওই সেলেক্ট করা color এর Hexadecimal value হবে 63D560
এর এই webpage এর জন্য এই Hexadecimal value বাবহার করাই ভালো , কারণ Hexadecimal value প্রায় সব browser এই সমর্থন করে
<body bgcolor=”#63D560” > </body>

আজ এই পর্যন্তই
লেখাটা ভালো লাগলে কমেন্ট করবেন, ভালো থাকবেন, সকলের জন্য দোয়া করবেন , আল্লাহ আমাদের সকলের জ্ঞান বৃদ্ধি করে দিক.

11 মন্তব্য

একটি উত্তর ত্যাগ