সব গাইড

রং HEX, RGB ও HSL-এর মধ্যে রূপান্তর করা

প্রকাশিত: · হালনাগাদ: 2 মিনিটের পাঠ

HEX, RGB ও HSL একই রংকে তিনভাবে বর্ণনা করে। টুলটি তিনটিই একসঙ্গে দেখায় এবং প্রচলিত লেখার ধরন মেনে নেয়। পূর্ণসংখ্যায় গোল করা HSL-ই ব্যাখ্যা করে HEX-এ ফিরলে এক স্তরের যে ফারাক দেখা যায়।

একই রঙের তিনটি লেখার ধরন

রং অন্বেষণ করুন ডিফল্টভাবে তিনটি রূপই দেখায়, রঙের পূর্বদর্শনসহ। সবুজ #2F4A3F-এর জন্য:

রূপফলাফল
HEX#2f4a3f
RGBrgb(47, 74, 63)
HSLhsl(156, 22%, 24%)

প্যানেলের HEX, RGB ও HSL তিনটি বোতাম ফলাফলকে একটিমাত্র রূপে সীমিত করে, যা যেমন আছে তেমন কপি করতে সুবিধাজনক।

গ্রহণযোগ্য লেখার ধরন

লেখার ধরনউদাহরণHEX ফলাফল
সংক্ষিপ্ত HEX#fff#ffffff
স্বচ্ছতাসহ HEX#2F4A3F80#2f4a3f80
কমা দিয়ে RGBrgb(47, 74, 63)#2f4a3f
ফাঁকা জায়গা দিয়ে RGBrgb(47 74 63)#2f4a3f
শতাংশে RGBrgb(100%, 0%, 0%)#ff0000
ফাঁকা জায়গা দিয়ে HSLhsl(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
#2F4A3Fhsl(156, 22%, 24%)#304b40
#B5532Ehsl(16, 59%, 45%)#b6532f

ফারাক প্রতিটি চ্যানেলে এক স্তরের, চোখে অদৃশ্য। ডিজাইন টোকেন বা ব্র্যান্ডের জন্য মূল HEX-কেই রেফারেন্স রাখুন, আবার HSL-এর মধ্য দিয়ে যাবেন না।

ধূসর

ধূসরের সম্পৃক্ততা শূন্য, আর বর্ণের কোনো প্রভাব থাকে না: #808080 দেয় rgb(128, 128, 128) ও hsl(0, 0%, 50%)।

টুল যা মাপে না

ফরম্যাট রূপান্তর পাঠযোগ্যতা সম্পর্কে কিছুই বলে না। টুলটি টেক্সট ও তার পটভূমির বৈপরীত্য গণনা করে না: প্রকাশ করার আগে আলাদাভাবে তা যাচাই করুন। QR কোডের ক্ষেত্রে বৈপরীত্যই পাঠযোগ্যতা ঠিক করে, তা প্রথমবারেই স্ক্যান হয় এমন QR কোড তৈরি করা লেখায় আছে।

রূপান্তর যাচাই করুন

  1. রংটি ঘরে পেস্ট করুন: পূর্বদর্শন আপনার প্রত্যাশার সঙ্গে মিলতে হবে।
  2. আপনার সিস্টেম যে রূপ চায় সেটি কপি করুন।
  3. সঠিক রং রাখতে চাইলে HSL-এর বদলে HEX বা RGB রাখুন।

রং অন্বেষণ করুন

লিখেছে Lmaotools