কালার কনভার্টার
লাইভ প্রিভিউ সহ 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 রঙের মান রূপান্তর করতে হয়, তখন এটি কাজে লাগে।
কালার কনভার্টার কীভাবে ব্যবহার করবেন
- HEX, RGB বা HSL ফিল্ডে একটি রং টাইপ করুন বা পেস্ট করুন, অথবা দৃশ্যত একটি শেড বেছে নিতে কালার পিকার সোয়াচে ক্লিক করুন।
- লক্ষ্য করুন কীভাবে অন্য দুটি ফিল্ড এবং বড় প্রিভিউ সোয়াচ একই রং প্রতিফলিত করতে তাৎক্ষণিকভাবে আপডেট হয়।
- রূপান্তরিত প্রতিটি চ্যানেলের মান দেখতে নিচের R / G / B, H / S / L এবং HEX সারাংশ টাইলগুলো পড়ুন।
- কোনো ফিল্ডের মান কপি করতে তার পাশের কপি বোতামে ক্লিক করুন: HEX, #rrggbb স্ট্রিং কপি করে, আর RGB ও HSL ব্যবহারের জন্য প্রস্তুত rgb(...) ও hsl(...) স্ট্রিং কপি করে।
- কোনো মান প্রত্যাখ্যাত হলে, ইনলাইন ত্রুটিটি দেখুন এবং ফিল্ড ইঙ্গিতে দেখানো ফরম্যাটে এটি আবার লিখুন।
উদাহরণ
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 দিয়ে আপনার ব্রাউজারে স্থানীয়ভাবে চলে — কোনো কিছুই সার্ভারে পাঠানো হয় না এবং কোনো রঙের মান আপলোড হয় না, তাই এটি ব্যক্তিগতভাবে এবং পৃষ্ঠা একবার লোড হলে অফলাইনেও কাজ করে।
সম্পর্কিত টুল
Base32 / Base58 এনকোড / ডিকোড
টেক্সটকে Base32 (RFC 4648) বা Base58 (বিটকয়েন বর্ণমালা)-তে এনকোড করুন এবং দুটির যেকোনোটিকে আবার টেক্সটে ডিকোড করুন, সম্পূর্ণ UTF-8 নিরাপদ এবং পুরোপুরি আপনার ব্রাউজারে।
Base64 এনকোড / ডিকোড
টেক্সটকে Base64-এ এনকোড করুন বা Base64-কে আবার টেক্সটে ডিকোড করুন (UTF-8 নিরাপদ)।
কেস কনভার্টার ও কাউন্টার
টেক্সটের অক্ষরের কেস পরিবর্তন করুন এবং অক্ষর, শব্দ ও লাইন গণনা করুন।
কোড ফরম্যাটার ও মিনিফায়ার
আপনার ব্রাউজারেই HTML, CSS এবং JavaScript তাৎক্ষণিকভাবে সুন্দর করুন বা মিনিফাই করুন, 2-স্পেস, 4-স্পেস বা ট্যাব ইন্ডেন্টেশন এবং Terser-চালিত JavaScript কম্প্রেশন সহ।