HEX থেকে HSL কনভার্টার
টাইপ করার সাথে সাথেই HEX-কে HSL-তে রূপান্তর করুন — সম্পূর্ণ বিনামূল্যে, তাৎক্ষণিকভাবে, উদাহরণ এবং সাধারণ রঙের চার্টসহ।
একটি HEX মান টাইপ করুন এবং নিচে এর HSL মানটি দেখুন, অথবা সোয়াচ থেকে একটি রঙ বেছে নিন।
বাস্তব উদাহরণ
HEX #ff5733 = HSL 11, 100%, 60%
রূপান্তর যেভাবে কাজ করে
- একটি HEX কোড হলো বেস-১৬ (base-16) পদ্ধতিতে লেখা একই তিনটি RGB চ্যানেল: প্রতি চ্যানেলে দুটি করে ডিজিট, 00 (0) থেকে ff (255) পর্যন্ত।
- HSL একই রঙকে হিউ (কালার হুইলে ০–৩৬০°), স্যাচুরেশন এবং লাইটনেস দিয়ে প্রকাশ করে — শুধুমাত্র একটি উপাদান পরিবর্তন করে কোনো রঙকে গাঢ় বা হালকা করার জন্য এটি বেশ সুবিধাজনক।
HEX এবং HSL-তে সাধারণ রঙসমূহ
| রঙ | HEX | HSL |
|---|---|---|
| লাল | #ff0000 | 0, 100%, 50% |
| কমলা | #ffa500 | 39, 100%, 50% |
| হলুদ | #ffff00 | 60, 100%, 50% |
| সবুজ | #008000 | 120, 100%, 25% |
| সায়ান | #00ffff | 180, 100%, 50% |
| নীল | #0000ff | 240, 100%, 50% |
| বেগুনি | #800080 | 300, 100%, 25% |
| গোলাপী | #ffc0cb | 350, 100%, 88% |
| বাদামী | #a52a2a | 0, 59%, 41% |
| সাদা | #ffffff | 0, 0%, 100% |
| ধূসর | #808080 | 0, 0%, 50% |
| কালো | #000000 | 0, 0%, 0% |
প্রতিটি রূপান্তর আপনার ব্রাউজারে সম্পন্ন হয়। আপনার কোনো ইনপুট BroBroGo-তে আপলোড করা হয় না।
সাধারণ জিজ্ঞাসা (FAQ)
আমি কীভাবে HEX থেকে HSL-তে রূপান্তর করব?
উপরে আপনার HEX মানটি টাইপ বা পেস্ট করুন — টাইপ করার সাথে সাথেই HSL মানটি আপডেট হবে। আপনি কালার সোয়াচ ব্যবহার করে ভিজ্যুয়ালি রঙ নির্বাচন করতে পারেন।
রূপান্তরটি কি একদম নিখুঁত?
মানগুলোকে পূর্ণ সংখ্যায় রাউন্ড করা হয়, যা CSS এবং ডিজাইন টুলগুলো প্রত্যাশা করে। এই সামান্য পার্থক্য খালি চোখে ধরা পড়ে না।