এই কালার পিকারটি একটি ভিজ্যুয়াল সোয়াচ দিয়ে শুরু করে এবং পাশে সঠিক সংখ্যাগুলো দেখায়। আপনি #3366cc এর মতো CSS hex মান পেস্ট করতে পারেন, red, green, blue ও alpha চ্যানেল বদলাতে পারেন, অথবা ডিজাইন সিস্টেমের কাজের জন্য hue, saturation ও lightness সূক্ষ্মভাবে ঠিক করতে পারেন। কোনো রঙের মান আপলোড হয় না - সব রূপান্তর স্থানীয়ভাবে JavaScript-এ হয়।
বিনামূল্যে কালার পিকার
পুরোটাই আপনার ব্রাউজারে চলে - কিছু আপলোড নেই, সাইন-আপ নেই।
নির্বাচিত#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)কালার পিকার কী?
কালার পিকার হলো ডিজাইন বা কোডের জন্য নির্দিষ্ট ডিজিটাল রং বেছে নেওয়া এবং তার মান কপি করার টুল। রঙের সোয়াচ, HEX ফিল্ড, RGB স্লাইডার বা HSL কন্ট্রোল ব্যবহার করুন, তারপর HEX, RGB, HSL, HSV বা CMYK মান সঙ্গে সঙ্গে কপি করুন। সবকিছু আপনার ব্রাউজারেই চলে।
যেভাবে ব্যবহার করবেন
- 1রং বেছে নিন বা পেস্ট করুন. ব্রাউজারের কালার পিকার খুলতে বড় সোয়াচে ক্লিক করুন, অথবা HEX ফিল্ডে ৩, ৪, ৬ বা ৮ অঙ্কের hex মান পেস্ট করুন।
- 2চ্যানেল সামঞ্জস্য করুন. Red, green, blue ও alpha এর জন্য RGB স্লাইডার ব্যবহার করুন, অথবা আরও ডিজাইন-বান্ধব নিয়ন্ত্রণ চাইলে hue, saturation ও lightness সম্পাদনা করুন।
- 3প্রয়োজনীয় ফরম্যাট কপি করুন. এক ক্লিকে HEX, HEX8, RGB, HSL, HSV বা CMYK কপি করুন। প্রিভিউ এবং প্রতিটি আউটপুট সরাসরি আপডেট হয়।
কাদের জন্য
- ফ্রন্ট-এন্ড ডেভেলপাররা ইন্টারফেস বানানোর সময় CSS-প্রস্তুত HEX, RGB ও HSL মান কপি করতে পারেন।
- ডিজাইনাররা গ্রাফিক্স অ্যাপে আন্দাজ না করে চ্যানেল ধরে ব্র্যান্ড রং ঠিক করতে পারেন।
- মার্কেটিং দলগুলো ইমেল বিল্ডার, ডকুমেন্ট ও সোশ্যাল অ্যাসেটে ক্যাম্পেইনের রং এক রাখতে পারে।
- শিক্ষার্থী ও নির্মাতারা RGB, HSL, HSV ও CMYK কীভাবে একই রং বোঝায় তা শিখতে পারেন।
সাধারণ প্রশ্ন
এই কালার পিকার কি বিনামূল্যে?
হ্যাঁ। কালার পিকারটি বিনামূল্যে, কোনো সাইন-আপ লাগে না এবং ব্যবহারের সীমা নেই। পেজ খুলুন, রং বেছে নিন এবং প্রয়োজনীয় ফরম্যাট কপি করুন।
আমার রং কি কোথাও আপলোড হয়?
না। পিকার ও রূপান্তর আপনার ব্রাউজারে সাধারণ JavaScript দিয়ে চলে। নির্বাচিত রং কোনো সার্ভারে পাঠানো হয় না।
কোন কোন রঙের ফরম্যাট কপি করতে পারি?
আপনি HEX, alpha সহ ৮ অঙ্কের HEX, RGB বা RGBA, HSL বা HSLA, HSV এবং CMYK কপি করতে পারেন। সম্পাদনার সময় টুলটি এগুলো একসঙ্গে মিলিয়ে রাখে।
আমি কি hex রং পেস্ট করতে পারি?
হ্যাঁ। # চিহ্নসহ বা ছাড়া ৩, ৪, ৬ বা ৮ অঙ্কের CSS hex মান পেস্ট করুন। সংক্ষিপ্ত মানগুলো সাধারণ CSS নিয়ম অনুযায়ী পূর্ণ মানে রূপান্তরিত হয়।
HEX8 কী?
HEX8 হলো ৮ অঙ্কের hex রং, যেখানে শেষ জোড়াটি alpha সংরক্ষণ করে। যেমন #3366cc80 হলো একই নীল রং, প্রায় ৫০% opacity সহ।
CSS-এ RGB নাকি HSL ব্যবহার করব?
সঠিক channel value বা rgba() দিয়ে alpha দরকার হলে RGB ব্যবহার করুন। Saturation ও lightness বদলে tint, shade বা সম্পর্কিত UI state তৈরি করতে চাইলে HSL ব্যবহার করুন।