হেক্স থেকে HSL কালার কনভার্টার
এক ক্লিকে একটি CSS হেক্স কালার কোডকে HSL-এ (হিউ, স্যাচুরেশন, লাইটনেস) রূপান্তর করুন।
এই টুলটি কি আপনার প্রশ্নের উত্তর দিয়েছে?
ধন্যবাদ — এটি টুলটি উন্নত করতে আমাদের সাহায্য করে।
এই টুলটি যেভাবে ব্যবহার করবেন
- একটি 6-ডিজিট হেক্স কালার কোড লিখুন (যেমন #ff5733)। শুরুতে # ঐচ্ছিক।
- টুলটি এটিকে HSL-এ রূপান্তর করে: ডিগ্রিতে হিউ, শতাংশে স্যাচুরেশন ও লাইটনেস।
- hsl() স্ট্রিংটি আপনার CSS বা স্টাইলশিটে কপি করুন।
একটি হেক্স কালার কোড পেস্ট করুন এবং CSS hsl() ফাংশনে বা ডিজাইন টুলে ব্যবহারের জন্য সমতুল্য HSL মান পান।
সূত্র
Expand a 3-digit hex to 6 digits if needed (e.g. #abc → #aabbcc), then parse each pair: r = parseInt(hex[0..1], 16) / 255, similarly for g and b.
Then apply RGB-to-HSL: L = (max + min) / 2; S = d / (2 − max − min) if L > 0.5, else S = d / (max + min); hue from the dominant channel as in RGB-to-HSL.
সাধারণ জিজ্ঞাসা
- হেক্স থেকে HSL-এ কেন রূপান্তর করবেন?
- উজ্জ্বলতা বা স্যাচুরেশন সমন্বয় করার সময় HSL বোঝা সহজ। আপনি হিউ স্থির রেখে স্যাচুরেশন/লাইটনেস পরিবর্তন করে টিন্ট ও শেড তৈরি করতে পারেন।
- এটি কি 3-ডিজিট হেক্স সাপোর্ট করে?
- হ্যাঁ — #abc-কে #aabbcc হিসেবে গণ্য করা হয়।