কালার কনভার্টার

লাইভ প্রিভিউ সহ HEX, RGB এবং HSL-এর মধ্যে রং রূপান্তর করুন।

টুল লোড হচ্ছে…

কালার কনভার্টারযেকোনো নোটেশনে একটি রং লিখুন — HEX, RGB বা HSL — এবং অন্য ফরম্যাটগুলো একটি বড় লাইভ সোয়াচসহ তাৎক্ষণিকভাবে আপডেট হয়। একটি নেটিভ কালার পিকার অন্তর্ভুক্ত আছে, এবং প্রতিটি মানের জন্য এক-ক্লিক কপি বোতাম রয়েছে। CSS এবং ডিজাইন টুলের মধ্যে ব্র্যান্ড রং মেলানোর জন্য চমৎকার।

কালার কনভার্টার কী?

Color Converter হলো ডেভেলপার ও ডিজাইনারদের জন্য একটি ফ্রি অনলাইন HEX থেকে RGB থেকে HSL কালার কনভার্টার। যেকোনো নোটেশনে একটি রং টাইপ করুন — HEX (#rrggbb বা সংক্ষিপ্ত #rgb রূপ), RGB (যেমন "255, 100, 0" বা "rgb(255 100 0)"), অথবা HSL (যেমন "220, 91%, 64%") — এবং অন্য প্রতিটি ফরম্যাট একটি বড় লাইভ প্রিভিউ সোয়াচের পাশে তাৎক্ষণিকভাবে আপডেট হয়। একটি নেটিভ কালার পিকার আপনাকে দৃশ্যত একটি শেড বেছে নিতে দেয়, এবং প্রতিটি মানের জন্য এক-ক্লিক কপি বোতাম রয়েছে, তাই যখনই আপনাকে ব্র্যান্ড রং মেলাতে হয় বা কোড ও ডিজাইন টুলের মধ্যে CSS রঙের মান রূপান্তর করতে হয়, তখন এটি কাজে লাগে।

কালার কনভার্টার কীভাবে ব্যবহার করবেন

  1. HEX, RGB বা HSL ফিল্ডে একটি রং টাইপ করুন বা পেস্ট করুন, অথবা দৃশ্যত একটি শেড বেছে নিতে কালার পিকার সোয়াচে ক্লিক করুন।
  2. লক্ষ্য করুন কীভাবে অন্য দুটি ফিল্ড এবং বড় প্রিভিউ সোয়াচ একই রং প্রতিফলিত করতে তাৎক্ষণিকভাবে আপডেট হয়।
  3. রূপান্তরিত প্রতিটি চ্যানেলের মান দেখতে নিচের R / G / B, H / S / L এবং HEX সারাংশ টাইলগুলো পড়ুন।
  4. কোনো ফিল্ডের মান কপি করতে তার পাশের কপি বোতামে ক্লিক করুন: HEX, #rrggbb স্ট্রিং কপি করে, আর RGB ও HSL ব্যবহারের জন্য প্রস্তুত rgb(...) ও hsl(...) স্ট্রিং কপি করে।
  5. কোনো মান প্রত্যাখ্যাত হলে, ইনলাইন ত্রুটিটি দেখুন এবং ফিল্ড ইঙ্গিতে দেখানো ফরম্যাটে এটি আবার লিখুন।

উদাহরণ

HEX থেকে RGB ও HSL

ইনপুট

#ff6400

আউটপুট

RGB 255, 100, 0 / HSL 24, 100%, 50%

সংক্ষিপ্ত #rgb সম্প্রসারণ

ইনপুট

#fff

আউটপুট

HEX #ffffff / RGB 255, 255, 255 / HSL 0, 0%, 100%

দৃশ্যত একটি রং বেছে নিন

নেটিভ কালার পিকার খুলতে সোয়াচে ক্লিক করুন, যেকোনো শেড বেছে নিতে ড্র্যাগ করুন, এবং HEX, RGB ও HSL ফিল্ডগুলো সংশ্লিষ্ট মান দিয়ে স্বয়ংক্রিয়ভাবে পূরণ হয়।

সচরাচর জিজ্ঞাসিত প্রশ্ন

এই কনভার্টার কোন কোন রঙের ফরম্যাট সমর্থন করে?
এটি তিনটি ফরম্যাটের মধ্যে রূপান্তর করে: HEX (পূর্ণ #rrggbb এবং সংক্ষিপ্ত #rgb রূপ), RGB (প্রতি চ্যানেল 0-255), এবং HSL (হিউ ডিগ্রিতে, স্যাচুরেশন ও লাইটনেস শতাংশে)। এটি বর্তমানে আলফা/অপাসিটি, HSV, CMYK বা নামকৃত CSS রং সমর্থন করে না।
আমার রঙে "Invalid HEX color", "Invalid RGB color" বা "Invalid HSL color" ত্রুটি কেন দেখায়?
মানটি প্রত্যাশিত ফরম্যাটের সঙ্গে মেলে না বা সীমার বাইরে। HEX অবশ্যই 3 বা 6টি হেক্স অঙ্কের হতে হবে, RGB চ্যানেল অবশ্যই 0-255-এর মধ্যে হতে হবে, এবং HSL স্যাচুরেশন ও লাইটনেস অবশ্যই 0-100%-এর মধ্যে হতে হবে। সেই ফিল্ডের নিচের ইঙ্গিত অনুসরণ করে এটি আবার লিখুন।
আমি কি rgb(255 100 0)-এর মতো একটি সম্পূর্ণ CSS মান পেস্ট করতে পারি?
হ্যাঁ। RGB ও HSL ফিল্ড কেবল টেক্সট থেকে সংখ্যাগুলো বের করে নেয়, তাই "255, 100, 0" এবং "rgb(255 100 0)" উভয়ই কাজ করে, এবং কপি বোতামগুলো ব্যবহারের জন্য প্রস্তুত rgb(...) ও hsl(...) স্ট্রিং আউটপুট দেয়।
রূপান্তরিত মানগুলো কি রাউন্ড করা হয়?
হ্যাঁ। RGB চ্যানেল ও HSL মান পূর্ণসংখ্যায় রাউন্ড করা হয়, তাই একটি রাউন্ড-ট্রিপ রূপান্তর মূল থেকে এক একক ভিন্ন হতে পারে। HEX আউটপুট সবসময় প্রতি চ্যানেল দুই অঙ্কের হয় (#rrggbb)।
আমার রঙের ডেটা কি কোথাও আপলোড হয়?
না। পুরো রূপান্তরটি JavaScript দিয়ে আপনার ব্রাউজারে স্থানীয়ভাবে চলে — কোনো কিছুই সার্ভারে পাঠানো হয় না এবং কোনো রঙের মান আপলোড হয় না, তাই এটি ব্যক্তিগতভাবে এবং পৃষ্ঠা একবার লোড হলে অফলাইনেও কাজ করে।

সম্পর্কিত টুল