রং HEX, RGB ও HSL-এর মধ্যে রূপান্তর করা
প্রকাশিত: · হালনাগাদ: 2 মিনিটের পাঠ
HEX, RGB ও HSL একই রংকে তিনভাবে বর্ণনা করে। টুলটি তিনটিই একসঙ্গে দেখায় এবং প্রচলিত লেখার ধরন মেনে নেয়। পূর্ণসংখ্যায় গোল করা HSL-ই ব্যাখ্যা করে HEX-এ ফিরলে এক স্তরের যে ফারাক দেখা যায়।
একই রঙের তিনটি লেখার ধরন
রং অন্বেষণ করুন ডিফল্টভাবে তিনটি রূপই দেখায়, রঙের পূর্বদর্শনসহ। সবুজ #2F4A3F-এর জন্য:
| রূপ | ফলাফল |
|---|---|
| HEX | #2f4a3f |
| RGB | rgb(47, 74, 63) |
| HSL | hsl(156, 22%, 24%) |
প্যানেলের HEX, RGB ও HSL তিনটি বোতাম ফলাফলকে একটিমাত্র রূপে সীমিত করে, যা যেমন আছে তেমন কপি করতে সুবিধাজনক।
গ্রহণযোগ্য লেখার ধরন
| লেখার ধরন | উদাহরণ | HEX ফলাফল |
|---|---|---|
| সংক্ষিপ্ত HEX | #fff | #ffffff |
| স্বচ্ছতাসহ HEX | #2F4A3F80 | #2f4a3f80 |
| কমা দিয়ে RGB | rgb(47, 74, 63) | #2f4a3f |
| ফাঁকা জায়গা দিয়ে RGB | rgb(47 74 63) | #2f4a3f |
| শতাংশে RGB | rgb(100%, 0%, 0%) | #ff0000 |
| ফাঁকা জায়গা দিয়ে HSL | hsl(156 22% 24%) | #304b40 |
“rouge”-এর মতো রঙের নাম এবং rgb(300, 0, 0)-এর মতো 0 থেকে 255-এর বাইরের চ্যানেল প্রত্যাখ্যান করা হয়, আর গ্রহণযোগ্য লেখার ধরনের তালিকাসহ একটি বার্তা দেখানো হয়।
স্বচ্ছতা
স্বচ্ছতা HEX-এ আট অঙ্কে লেখা হয়, অথবা ফাঁকা জায়গাসহ স্ল্যাশের পরে। rgb(47 74 63 / 50%) রংটি HEX-এ #2f4a3f80 এবং RGB-তে rgba(47, 74, 63, 0.5) দেয়। উল্টো দিকে, #2F4A3F80 দেয় 0.502 অস্বচ্ছতা, কারণ হেক্সাডেসিম্যালে 80 মানে 255-এর মধ্যে 128।
কেন ঘুরে এলে এক স্তর বদলে যায়
HSL পূর্ণসংখ্যায় দেখানো হয়: বর্ণ ডিগ্রিতে, সম্পৃক্ততা ও উজ্জ্বলতা শতাংশে। তাই HSL থেকে HEX-এ ফিরলে আপনি পাশের একটি রঙে পৌঁছান, শুরুর রঙে নয়।
| শুরু | দেখানো HSL | আবার HEX |
|---|---|---|
| #2F4A3F | hsl(156, 22%, 24%) | #304b40 |
| #B5532E | hsl(16, 59%, 45%) | #b6532f |
ফারাক প্রতিটি চ্যানেলে এক স্তরের, চোখে অদৃশ্য। ডিজাইন টোকেন বা ব্র্যান্ডের জন্য মূল HEX-কেই রেফারেন্স রাখুন, আবার HSL-এর মধ্য দিয়ে যাবেন না।
ধূসর
ধূসরের সম্পৃক্ততা শূন্য, আর বর্ণের কোনো প্রভাব থাকে না: #808080 দেয় rgb(128, 128, 128) ও hsl(0, 0%, 50%)।
টুল যা মাপে না
ফরম্যাট রূপান্তর পাঠযোগ্যতা সম্পর্কে কিছুই বলে না। টুলটি টেক্সট ও তার পটভূমির বৈপরীত্য গণনা করে না: প্রকাশ করার আগে আলাদাভাবে তা যাচাই করুন। QR কোডের ক্ষেত্রে বৈপরীত্যই পাঠযোগ্যতা ঠিক করে, তা প্রথমবারেই স্ক্যান হয় এমন QR কোড তৈরি করা লেখায় আছে।
রূপান্তর যাচাই করুন
- রংটি ঘরে পেস্ট করুন: পূর্বদর্শন আপনার প্রত্যাশার সঙ্গে মিলতে হবে।
- আপনার সিস্টেম যে রূপ চায় সেটি কপি করুন।
- সঠিক রং রাখতে চাইলে HSL-এর বদলে HEX বা RGB রাখুন।
