একটি ওয়েব রঙের চার্ট যা সমস্ত নেটস্কেপ 216 ব্রাউজার-নিরাপদ রঙগুলি প্রদর্শন করে৷ প্রতিটি সোয়াচ HEX রঙের কোড, দশমিক RGB (লাল, সবুজ, নীল) মান এবং CMY (সায়ান, ম্যাজেন্টা, হলুদ) শতাংশ মান প্রদর্শন করে। আপনি ক্রস-প্ল্যাটফর্ম, ক্রস-ব্রাউজার স্ক্রিপ্টগুলিতে এই রঙের সিস্টেমটি ব্যবহার করতে পারেন।
এই রঙের চার্টটি ক্রস-ব্রাউজার, ক্রস-প্ল্যাটফর্ম ওয়েব পৃষ্ঠা স্ক্রিপ্টিংয়ের জন্য সর্বোত্তম সামগ্রিক সিস্টেম হিসাবে সুপারিশ করা হয়। এটি উইন্ডোজ, ম্যাক এবং ইউনিক্স সিস্টেমে প্রদর্শনের জন্য উপযুক্ত এবং মাইক্রোসফ্ট ইন্টারনেট এক্সপ্লোরার, নেটস্কেপ 4, নেটস্কেপ 6/গেকো, অপেরা, ইত্যাদি সহ প্রধান ব্রাউজারগুলির সমস্ত সংস্করণে রঙগুলি ভালভাবে রেন্ডার করে।
প্রতিটি গুরুতর ওয়েব লেখককে তাদের পাঠ্য, পটভূমি বা লাইন-আর্ট বিট চিত্রগুলির জন্য রঙ প্রয়োগ বা নির্দিষ্ট করার সময় একটি রঙ সিস্টেম ব্যবহার করা উচিত। এটি বিচ্ছিন্নতা এড়াতে এবং অন্যান্য রঙ সম্পর্কিত অগণিত সমস্যা যা রঙের আউটপুটকে ঘিরে ফেলতে পারে। Netscape এর সমাধান ছিল তাদের এখন বিখ্যাত ‘216 Browser Safe Colors’। এটি একটি ব্যবহারযোগ্য সিস্টেম যা কোনো সমস্যা ছাড়াই ক্রস-প্ল্যাটফর্ম স্ক্রিপ্টে ব্যবহার করা যেতে পারে এবং এটি হল সেই রঙ সিস্টেম যা আমরা ওয়েব-ওয়াইজ-উইজার্ডে ব্যবহার করি। এটি সমস্ত প্রধান বিট-ইমেজ গ্রাফিক্স প্রোগ্রাম দ্বারা সম্পূর্ণরূপে সমর্থিত।
চার্টের নীচে আরও পাঠ্য তথ্য রয়েছে …
| Netscape 216 Browser Safe Colours | |||||
| #FFFFFFR=255 G=255 B=255 C=0 M=0 Y=0 | #FFFFCCR=255 G=255 B=204 C=0 M=0 Y=20 | #FFFF99R=255 G=255 B=153 C=0 M=0 Y=40 | #FFFF66R=255 G=255 B=102 C=0 M=0 Y=60 | #FFFF33R=255 G=255 B=51 C=0 M=0 Y=80 | #FFFF00R=255 G=255 B=0 C=0 M=0 Y=100 |
| #FFCCFFR=255 G=204 B=255 C=0 M=20 Y=0 | #FFCCCCR=255 G=204 B=204 C=0 M=20 Y=20 | #FFCC99R=255 G=204 B=153 C=0 M=20 Y=40 | #FFCC66R=255 G=204 B=102 C=0 M=20 Y=60 | #FFCC33R=255 G=204 B=51 C=0 M=20 Y=80 | #FFCC00R=255 G=204 B=0 C=0 M=20 Y=100 |
| #FF99FFR=255 G=153 B=255 C=0 M=40 Y=0 | #FF99CCR=255 G=153 B=204 C=0 M=40 Y=20 | #FF9999R=255 G=153 B=153 C=0 M=40 Y=40 | #FF9966R=255 G=153 B=102 C=0 M=40 Y=60 | #FF9933R=255 G=153 B=51 C=0 M=40 Y=80 | #FF9900R=255 G=153 B=0 C=0 M=40 Y=100 |
| #FF66FFR=255 G=102 B=255 C=0 M=60 Y=0 | #FF66CCR=255 G=102 B=204 C=0 M=60 Y=20 | #FF6699R=255 G=102 B=153 C=0 M=60 Y=40 | #FF6666R=255 G=102 B=102 C=0 M=60 Y=60 | #FF6633R=255 G=102 B=51 C=0 M=60 Y=80 | #FF6600R=255 G=102 B=0 C=0 M=60 Y=100 |
| #FF33FFR=255 G=51 B=255 C=0 M=80 Y=0 | #FF33CCR=255 G=51 B=204 C=0 M=80 Y=20 | #FF3399R=255 G=51 B=153 C=0 M=80 Y=40 | #FF3366R=255 G=51 B=102 C=0 M=80 Y=60 | #FF3333R=255 G=51 B=51 C=0 M=80 Y=80 | #FF3300R=255 G=51 B=0 C=0 M=80 Y=100 |
| #FF00FFR=255 G=0 B=255 C=0 M=100 Y=0 | #FF00CCR=255 G=0 B=204 C=0 M=100 Y=20 | #FF0099R=255 G=0 B=153 C=0 M=100 Y=40 | #FF0066R=255 G=0 B=102 C=0 M=100 Y=60 | #FF0033R=255 G=0 B=51 C=0 M=100 Y=80 | #FF0000R=255 G=0 B=0 C=0 M=100 Y=100 |
| #CCFFFFR=204 G=255 B=255 C=20 M=0 Y=0 | #CCFFCCR=204 G=255 B=204 C=20 M=0 Y=20 | #CCFF99R=204 G=255 B=153 C=20 M=0 Y=40 | #CCFF66R=204 G=255 B=102 C=20 M=0 Y=60 | #CCFF33R=204 G=255 B=51 C=20 M=0 Y=80 | #CCFF00R=204 G=255 B=0 C=20 M=0 Y=100 |
| #CCCCFFR=204 G=204 B=255 C=20 M=20 Y=0 | #CCCCCCR=204 G=204 B=204 C=20 M=20 Y=20 | #CCCC99R=204 G=204 B=153 C=20 M=20 Y=40 | #CCCC66R=204 G=204 B=102 C=20 M=20 Y=60 | #CCCC33R=204 G=204 B=51 C=20 M=20 Y=80 | #CCCC00R=204 G=204 B=0 C=20 M=20 Y=100 |
| #CC99FFR=204 G=153 B=255 C=20 M=40 Y=0 | #CC99CCR=204 G=153 B=204 C=20 M=40 Y=20 | #CC9999R=204 G=153 B=153 C=20 M=40 Y=40 | #CC9966R=204 G=153 B=102 C=20 M=40 Y=60 | #CC9933R=204 G=153 B=51 C=20 M=40 Y=80 | #CC9900R=204 G=153 B=0 C=20 M=40 Y=100 |
| #CC66FFR=204 G=102 B=255 C=20 M=60 Y=0 | #CC66CCR=204 G=102 B=204 C=20 M=60 Y=20 | #CC6699R=204 G=102 B=153 C=20 M=60 Y=40 | #CC6666R=204 G=102 B=102 C=20 M=60 Y=60 | #CC6633R=204 G=102 B=51 C=20 M=60 Y=80 | #CC6600R=204 G=102 B=0 C=20 M=60 Y=100 |
| #CC33FFR=204 G=51 B=255 C=20 M=80 Y=0 | #CC33CCR=204 G=51 B=204 C=20 M=80 Y=20 | #CC3399R=204 G=51 B=153 C=20 M=80 Y=40 | #CC3366R=204 G=51 B=102 C=20 M=80 Y=60 | #CC3333R=204 G=51 B=51 C=20 M=80 Y=80 | #CC3300R=204 G=51 B=0 C=20 M=80 Y=100 |
| #CC00FFR=204 G=0 B=255 C=20 M=100 Y=0 | #CC00CCR=204 G=0 B=204 C=20 M=100 Y=20 | #CC0099R=204 G=0 B=153 C=20 M=100 Y=40 | #CC0066R=204 G=0 B=102 C=20 M=100 Y=60 | #CC0033R=204 G=0 B=51 C=20 M=100 Y=80 | #CC0000R=204 G=0 B=0 C=20 M=100 Y=100 |
| #99FFFFR=153 G=255 B=255 C=40 M=0 Y=0 | #99FFCCR=153 G=255 B=204 C=40 M=0 Y=20 | #99FF99R=153 G=255 B=153 C=40 M=0 Y=40 | #99FF66R=153 G=255 B=102 C=40 M=0 Y=60 | #99FF33R=153 G=255 B=51 C=40 M=0 Y=80 | #99FF00R=153 G=255 B=0 C=40 M=0 Y=100 |
| #99CCFFR=153 G=204 B=255 C=40 M=20 Y=0 | #99CCCCR=153 G=204 B=204 C=40 M=20 Y=20 | #99CC99R=153 G=204 B=153 C=40 M=20 Y=40 | #99CC66R=153 G=204 B=102 C=40 M=20 Y=60 | #99CC33R=153 G=204 B=51 C=40 M=20 Y=80 | #99CC00R=153 G=204 B=0 C=40 M=20 Y=100 |
| #9999FFR=153 G=153 B=255 C=40 M=40 Y=0 | #9999CCR=153 G=153 B=204 C=40 M=40 Y=20 | #999999R=153 G=153 B=153 C=40 M=40 Y=40 | #999966R=153 G=153 B=102 C=40 M=40 Y=60 | #999933R=153 G=153 B=51 C=40 M=40 Y=80 | #999900R=153 G=153 B=0 C=40 M=40 Y=100 |
| #9966FFR=153 G=102 B=255 C=40 M=60 Y=0 | #9966CCR=153 G=102 B=204 C=40 M=60 Y=20 | #996699R=153 G=102 B=153 C=40 M=60 Y=40 | #996666R=153 G=102 B=102 C=40 M=60 Y=60 | #996633R=153 G=102 B=51 C=40 M=60 Y=80 | #996600R=153 G=102 B=0 C=40 M=60 Y=100 |
| #9933FFR=153 G=51 B=255 C=40 M=80 Y=0 | #9933CCR=153 G=51 B=204 C=40 M=80 Y=20 | #993399R=153 G=51 B=153 C=40 M=80 Y=40 | #993366R=153 G=51 B=102 C=40 M=80 Y=60 | #993333R=153 G=51 B=51 C=40 M=80 Y=80 | #993300R=153 G=51 B=0 C=40 M=80 Y=100 |
| #9900FFR=153 G=0 B=255 C=40 M=100 Y=0 | #9900CCR=153 G=0 B=204 C=40 M=100 Y=20 | #990099R=153 G=0 B=153 C=40 M=100 Y=40 | #990066R=153 G=0 B=102 C=40 M=100 Y=60 | #990033R=153 G=0 B=51 C=40 M=100 Y=80 | #990000R=153 G=0 B=0 C=40 M=100 Y=100 |
| #66FFFFR=102 G=255 B=255 C=60 M=0 Y=0 | #66FFCCR=102 G=255 B=204 C=60 M=0 Y=20 | #66FF99R=102 G=255 B=153 C=60 M=0 Y=40 | #66FF66R=102 G=255 B=102 C=60 M=0 Y=60 | #66FF33R=102 G=255 B=51 C=60 M=0 Y=80 | #66FF00R=102 G=255 B=0 C=60 M=0 Y=100 |
| #66CCFFR=102 G=204 B=255 C=60 M=20 Y=0 | #66CCCCR=102 G=204 B=204 C=60 M=20 Y=20 | #66CC99R=102 G=204 B=153 C=60 M=20 Y=40 | #66CC66R=102 G=204 B=102 C=60 M=20 Y=60 | #66CC33R=102 G=204 B=51 C=60 M=20 Y=80 | #66CC00R=102 G=204 B=0 C=60 M=20 Y=100 |
| #6699FFR=102 G=153 B=255 C=60 M=40 Y=0 | #6699CCR=102 G=153 B=204 C=60 M=40 Y=20 | #669999R=102 G=153 B=153 C=60 M=40 Y=40 | #669966R=102 G=153 B=102 C=60 M=40 Y=60 | #669933R=102 G=153 B=51 C=60 M=40 Y=80 | #669900R=102 G=153 B=0 C=60 M=40 Y=100 |
| #6666FFR=102 G=102 B=255 C=60 M=60 Y=0 | #6666CCR=102 G=102 B=204 C=60 M=60 Y=20 | #666699R=102 G=102 B=153 C=60 M=60 Y=40 | #666666R=102 G=102 B=102 C=60 M=60 Y=60 | #666633R=102 G=102 B=51 C=60 M=60 Y=80 | #666600R=102 G=102 B=0 C=60 M=60 Y=100 |
| #6633FFR=102 G=51 B=255 C=60 M=80 Y=0 | #6633CCR=102 G=51 B=204 C=60 M=80 Y=20 | #663399R=102 G=51 B=153 C=60 M=80 Y=40 | #663366R=102 G=51 B=102 C=60 M=80 Y=60 | #663333R=102 G=51 B=51 C=60 M=80 Y=80 | #663300R=102 G=51 B=0 C=60 M=80 Y=100 |
| #6600FFR=102 G=0 B=255 C=60 M=100 Y=0 | #6600CCR=102 G=0 B=204 C=60 M=100 Y=20 | #660099R=102 G=0 B=153 C=60 M=100 Y=40 | #660066R=102 G=0 B=102 C=60 M=100 Y=60 | #660033R=102 G=0 B=51 C=60 M=100 Y=80 | #660000R=102 G=0 B=0 C=60 M=100 Y=100 |
| #33FFFFR=51 G=255 B=255 C=80 M=0 Y=0 | #33FFCCR=51 G=255 B=204 C=80 M=0 Y=20 | #33FF99R=51 G=255 B=153 C=80 M=0 Y=40 | #33FF66R=51 G=255 B=102 C=80 M=0 Y=60 | #33FF33R=51 G=255 B=51 C=80 M=0 Y=80 | #33FF00R=51 G=255 B=0 C=80 M=0 Y=100 |
| #33CCFFR=51 G=204 B=255 C=80 M=20 Y=0 | #33CCCCR=51 G=204 B=204 C=80 M=20 Y=20 | #33CC99R=51 G=204 B=153 C=80 M=20 Y=40 | #33CC66R=51 G=204 B=102 C=80 M=20 Y=60 | #33CC33R=51 G=204 B=51 C=80 M=20 Y=80 | #33CC00R=51 G=204 B=0 C=80 M=20 Y=100 |
| #3399FFR=51 G=153 B=255 C=80 M=40 Y=0 | #3399CCR=51 G=153 B=204 C=80 M=40 Y=20 | #339999R=51 G=153 B=153 C=80 M=40 Y=40 | #339966R=51 G=153 B=102 C=80 M=40 Y=60 | #339933R=51 G=153 B=51 C=80 M=40 Y=80 | #339900R=51 G=153 B=0 C=80 M=40 Y=100 |
| #3366FFR=51 G=102 B=255 C=80 M=60 Y=0 | #3366CCR=51 G=102 B=204 C=80 M=60 Y=20 | #336699R=51 G=102 B=153 C=80 M=60 Y=40 | #336666R=51 G=102 B=102 C=80 M=60 Y=60 | #336633R=51 G=102 B=51 C=80 M=60 Y=80 | #336600R=51 G=102 B=0 C=80 M=60 Y=100 |
| #3333FFR=51 G=51 B=255 C=80 M=80 Y=0 | #3333CCR=51 G=51 B=204 C=80 M=80 Y=20 | #333399R=51 G=51 B=153 C=80 M=80 Y=40 | #333366R=51 G=51 B=102 C=80 M=80 Y=60 | #333333R=51 G=51 B=51 C=80 M=80 Y=80 | #333300R=51 G=51 B=0 C=80 M=80 Y=100 |
| #3300FFR=51 G=0 B=255 C=80 M=100 Y=0 | #3300CCR=51 G=0 B=204 C=80 M=100 Y=20 | #330099R=51 G=0 B=153 C=80 M=100 Y=40 | #330066R=51 G=0 B=102 C=80 M=100 Y=60 | #330033R=51 G=0 B=51 C=80 M=100 Y=80 | #330000R=51 G=0 B=0 C=80 M=100 Y=100 |
| #00FFFFR=0 G=255 B=255 C=100 M=0 Y=0 | #00FFCCR=0 G=255 B=204 C=100 M=0 Y=20 | #00FF99R=0 G=255 B=153 C=100 M=0 Y=40 | #00FF66R=0 G=255 B=102 C=100 M=0 Y=60 | #00FF33R=0 G=255 B=51 C=100 M=0 Y=80 | #00FF00R=0 G=255 B=0 C=100 M=0 Y=100 |
| #00CCFFR=0 G=204 B=255 C=100 M=20 Y=0 | #00CCCCR=0 G=204 B=204 C=100 M=20 Y=20 | #00CC99R=0 G=204 B=153 C=100 M=20 Y=40 | #00CC66R=0 G=204 B=102 C=100 M=20 Y=60 | #00CC33R=0 G=204 B=51 C=100 M=20 Y=80 | #00CC00R=0 G=204 B=0 C=100 M=20 Y=100 |
| #0099FFR=0 G=153 B=255 C=100 M=40 Y=0 | #0099CCR=0 G=153 B=204 C=100 M=40 Y=20 | #009999R=0 G=153 B=153 C=100 M=40 Y=40 | #009966R=0 G=153 B=102 C=100 M=40 Y=60 | #009933R=0 G=153 B=51 C=100 M=40 Y=80 | #009900R=0 G=153 B=0 C=100 M=40 Y=100 |
| #0066FFR=0 G=102 B=255 C=100 M=60 Y=0 | #0066CCR=0 G=102 B=204 C=100 M=60 Y=20 | #006699R=0 G=102 B=153 C=100 M=60 Y=40 | #006666R=0 G=102 B=102 C=100 M=60 Y=60 | #006633R=0 G=102 B=51 C=100 M=60 Y=80 | #006600R=0 G=102 B=0 C=100 M=60 Y=100 |
| #0033FFR=0 G=51 B=255 C=100 M=80 Y=0 | #0033CCR=0 G=51 B=204 C=100 M=80 Y=20 | #003399R=0 G=51 B=153 C=100 M=80 Y=40 | #003366R=0 G=51 B=102 C=100 M=80 Y=60 | #003333R=0 G=51 B=51 C=100 M=80 Y=80 | #003300R=0 G=51 B=0 C=100 M=80 Y=100 |
| #0000FFR=0 G=0 B=255 C=100 M=100 Y=0 | #0000CCR=0 G=0 B=204 C=100 M=100 Y=20 | #000099R=0 G=0 B=153 C=100 M=100 Y=40 | #000066R=0 G=0 B=102 C=100 M=100 Y=60 | #000033R=0 G=0 B=51 C=100 M=100 Y=80 | #000000R=0 G=0 B=0 C=100 M=100 Y=100 |
লোকেরা মাঝে মাঝে আশ্চর্য হয় যে কীভাবে নেটস্কেপ রঙের এই অদ্ভুত পরিসরে পৌঁছেছে এবং আমরা আপনাকে দেখানোর জন্য চার্টে CMY (সায়ান, ম্যাজেন্টা এবং হলুদ) মানগুলি অন্তর্ভুক্ত করেছি। সরলীকৃত পরিভাষায় 0% থেকে 100% পর্যন্ত 20% ধাপে বেস CMY রঙগুলিকে বৃদ্ধি করে রংগুলি পৌঁছানো হয়েছিল৷ এই প্যাটার্নের মিশ্রণটি বারবার দেখতে উপরের চার্টটি অধ্যয়ন করুন। এই সিএমওয়াই রঙগুলিকে তখন তাদের আরজিবি হেক্সাডেসিমেলে রূপান্তরিত করা হয়েছিল একটি ওয়েব পেজে রঙ নির্দিষ্ট করার জন্য এবং গ্রাফিক্স প্রোগ্রামে রঙ নির্দিষ্ট করার জন্য আরজিবি দশমিকে।
এই ধরণের বেশিরভাগ ওয়েব রঙের চার্টগুলি সাধারণ পুরানো HTML এ লেখা হয় এবং আমরা এই পদ্ধতিতে লেখা একটি রঙের চার্ট খুঁজে পাইনি যাতে টাইপো এবং অন্যান্য ত্রুটি নেই৷ কিছু চিন্তা করলে এটা স্পষ্ট হয়ে যায় যে প্রতিটি হেক্স কালার কোড এবং উপরে প্রদর্শিত তিন ধরনের মানের প্রতিটি পৃথকভাবে টাইপ করলে ত্রুটি হতে বাধ্য। এটি একটি কঠিন কাজ এবং আপনি প্রতিটি রঙ এবং মান সঠিকভাবে পরীক্ষা করতে পারেন এমন কোন ব্যবহারিক উপায় নেই।
আমরা সিদ্ধান্ত নিয়েছি যে একটি ভিন্ন পদ্ধতির প্রয়োজন ছিল এবং তাই আমরা সমস্যাটি সহ্য করার জন্য আমাদের প্রোগ্রামিং অভিজ্ঞতা নিয়ে এসেছি। এই রঙের চার্টটি ডিজাইন করার সময় আমরা জাভাস্ক্রিপ্ট ব্যবহার করি একটি বেস টেবিল এবং রঙের গণনা থেকে গতিশীলভাবে চার্ট তৈরি করতে। ফলাফলটি একটি সম্পূর্ণ নির্ভুল চার্ট যেখানে প্রতিটি রঙ, হেক্স রঙের কোড এবং প্রদর্শিত মান সঠিক।