1background: #FF930F;
2background: linear-gradient(90deg, rgba(255, 147, 15, 1) 0%,rgba(255, 249, 91, 1) 100%)ঝামেলা ছাড়া রঙ বাছুন ও কাজ করুন
আমরা ২০২৫ সালে Color Picker বানিয়েছি, কারণ ভারী অ্যাপ আর জটিল কালার টুলে ক্লান্ত হয়ে গিয়েছিলাম। ফ্রন্ট-এন্ড ডেভেলপার ও ইলাস্ট্রেটর হিসেবে এমন কিছু লাগত যা দিয়ে দ্রুত রঙ ধরব, সামান্য টিউন করব, আর এগিয়ে যাব। সহকর্মীদের মধ্যে জনপ্রিয় হওয়ায় গুছিয়ে ওয়েবে উন্মুক্ত করেছি। কোনো অ্যাকাউন্ট নয়, শেখার ঝামেলা নয়—শুধু পেজ খুলুন, শেড বাছুন, আর HEX/RGB/HSL/HSV কোড কপি করুন।
মানুষ আমাদের Color Picker কেন পছন্দ করে?
ঠিক রঙের শেড কীভাবে ধরবেন ভেবে কখনও থেমে গেছেন? Color Picker-এর সরলতা তখন বোঝা যায়। ইন্টারফেসটি ইচ্ছাকৃতভাবে মিনিমাল রেখেছি:
- ক্লিক করুন, রঙ পান – প্যালেটে যেকোনো জায়গায় ক্লিক করলেই দরকারি মান পেয়ে যান। ছবি বা স্ক্রিনশট থেকে নমুনা চান? পেজে ছাড়ুন, আইড্রপার ব্যবহার করুন।
- গ্রেডিয়েন্ট—একেবারে সহজ – বারে স্টপ যোগ/সরিয়ে মখমলি ট্রানজিশন গড়ুন। লিনিয়ার/রেডিয়াল টগল করুন, কোণ ও স্বচ্ছতা ঠিক করুন, তারপর CSS কপি করুন।
- সীমা নেই, খরচ নেই – ডেস্কটপ, ট্যাবলেট বা ফোন—যে কোনো আধুনিক ব্রাউজারে Color Picker চলে। ইনস্টল করতে হয় না, খরচও নেই।
- প্রয়োজনে এক্সটেনশন – ঐচ্ছিক Chrome ও Edge এক্সটেনশন পিকারকে আপনার ব্রাউজারেই নিয়ে আসে—যে কোনো পেজ থেকে রঙ তুলুন, ইতিহাসও সাথে রাখুন।
ভিতরে কী আছে
আইড্রপার
আপলোড করা ছবি বা স্ক্রিনের যেকোনো কিছু থেকেই রঙ তুলুন; পেজে ফাইল ছাড়ুন ও পিক্সেলে ক্লিক করুন—একাধিক ফরম্যাটে মান দেখাবে।
ফরম্যাট কনভার্সন
HEX, RGB, HSL ও HSV-এর মাঝে তাৎক্ষণিক সুইচ করুন এবং কোড CSS, ডিজাইন সফটওয়্যার বা প্যালেট টুলে কপি করুন।
গ্রেডিয়েন্ট মেকার
স্টপ যোগ ও সরিয়ে লিনিয়ার বা রেডিয়াল গ্রেডিয়েন্ট বানান, কোণ ও স্বচ্ছতা টিউন করুন, তারপর তৈরি CSS কপি করুন।
রঙের ইতিহাস
আপনি যে রঙ নেন, তা সেভ থাকে—পরে ফিরে ব্যবহার করতে পারবেন।
ব্রাউজার এক্সটেনশন
ঐচ্ছিক Chrome ও Edge এক্সটেনশন—যেকোনো সাইট থেকে রঙ তোলেন এবং টুলটি টুলবার থেকেই খুলুন।
সর্বজনীন অ্যাক্সেস
যে কোনো আধুনিক ব্রাউজারে কাজ করে; এক্সটেনশন বহু ভাষা সাপোর্ট করে ও নিয়মিত আপডেট পায়।
ফ্রি ও প্রাইভেট
সেবাটি ফ্রি এবং আমরা আপনার ডেটা দিয়ে ব্যবসা করি না।
কিসের জন্য ভালো
বিভিন্ন মানুষ Color Picker নানা কাজে ব্যবহার করেন:
- ডিজাইনার ও প্রোডাক্ট টিম ইন্টারফেস বা ব্র্যান্ড প্যালেট স্কেচ করার সময় এটি ধরেন। কম্বিনেশন অন্বেষণ করা ও গ্রেডিয়েন্টের প্রয়োজনীয় CSS কপি করা দ্রুত হয়।
- ইলাস্ট্রেটর ও শিল্পী ছবির/চিত্রের রঙ থেকে অনুপ্রেরণা নিতে আইড্রপার ব্যবহার করেন। গ্রেডিয়েন্ট টুল মসৃণ শেডিং ও রঙের ট্রানজিশন পরিকল্পনায় সাহায্য করে।
- ফ্রন্ট-এন্ড ডেভেলপাররা প্রোজেক্টজুড়ে সঙ্গত রঙ মান জেনারেট করতে এটির উপর ভরসা করেন। এক্সটেনশন থাকলে বিদ্যমান সাইট থেকে রঙ তোলা অনায়াস।
- অ্যাক্সেসিবিলিটি যাচাইয়ে আগ্রহীরা বিভিন্ন মডেলে রঙ দেখেন ও স্বচ্ছতা টিউন করেন, যতক্ষণ না কনট্রাস্ট গাইডলাইন মেলে।
শুরু করা
ম্যানুয়াল লাগবে না—তবে ঝটপট একবার দেখে নিন:
- রঙ বেছে নিন – প্যালেটের যে কোনো জায়গায় ক্লিক করুন। সঙ্গে সঙ্গে HEX, RGB, HSV মান দেখবেন। হিউ, স্যাচুরেশন, ব্রাইটনেস ও স্বচ্ছতা স্লাইডার দিয়ে টিউন করুন।
- ছবি থেকে নমুনা নিন – পেজে ছবি ফাইল টেনে ছাড়ুন বা নির্বাচন করুন। যে পিক্সেলে ক্লিক করবেন, তার কোড দেখাবে।
- গ্রেডিয়েন্ট তৈরি করুন – গ্রেডিয়েন্ট বারে ক্লিক করে স্টপ যোগ করুন ও টেনে নিন; লিনিয়ার বা রেডিয়াল স্টাইল টগল করুন। কোণ ও স্বচ্ছতা ঠিক করে নিন যতক্ষণ না পছন্দ হয়।
- কপি করে ব্যবহার করুন – আপনার রঙ ও গ্রেডিয়েন্ট স্বয়ংক্রিয়ভাবে সেভ হয়। কোড বা CSS কপি করে প্রোজেক্টে পেস্ট করুন বা টিমে শেয়ার করুন।
Color Picker অনলাইনে ব্যবহার করবেন কীভাবে
Chrome ও Edge-এর জন্য এক্সটেনশন
ওয়েবপেজ থেকেই রঙ ‘তুলে’ নেওয়ার ভাবনা পছন্দ? আমাদের Color Picker – Eye Dropper (Chrome) ও Eyedropper – Color Picker (Edge) ঠিক সেটাই করে। ব্রাউজারে ছোট একটি বোতাম যোগ হয়—যে কোনো উপাদানের উপর হোভার করে তার শেড ধরুন। পপ-আপ থেকেও ছবি আপলোড করতে পারবেন, রঙ মিশিয়ে গ্রেডিয়েন্ট বানাতে পারবেন এবং CSS কপি করতে পারবেন। এক্সটেনশনগুলো বহু ভাষা সাপোর্ট করে ও নিয়মিত আপডেট পায়।
বিশ্বাসযোগ্য কমিউনিটি টুল
আমরা Color Picker বানিয়েছি কারণ চাইছিলাম এমন একটি সহজ টুল যা “just works”. এটি এখনও কমিউনিটি প্রকল্প এবং সবসময় ফ্রি থাকবে। আমরা আপনার ডেটা সংগ্রহ বা বিক্রি করি না। কাজে লাগলে এক্সটেনশন ইন্সটল করুন বা সাইটটি শেয়ার করুন—আরও মানুষ জানতে পারবে।
ডেটা কীভাবে হ্যান্ডেল করি—বিস্তারিত দেখুন আমাদের পাতাগুলোতে: গোপনীয়তা নীতি , ব্যবহারের শর্তাবলি.