রং বাছাইকারী
রং নির্বাচন করুন, ছবি থেকে বের করুন, প্যালেট তৈরি করুন এবং কন্ট্রাস্ট পরীক্ষা করুন। HEX, RGB, HSL, HSV এবং CMYK সমর্থিত।
ছবি থেকে রং বের করা
ছবি ড্রপ করুন অথবা আপলোড করতে ক্লিক করুন
প্রধান রং
আপনার প্যালেটে রং যোগ করুন
সাধারণ আকারে নমুনা টেক্সট (14px)
বড় নমুনা টেক্সট
কন্ট্রাস্ট অনুপাত
21:1
AA সাধারণ
পাস
AA বড়
পাস
AAA সাধারণ
পাস
AAA বড়
পাস
90°
এই রং বাছাইকারী কখন ব্যবহার করবেন
আমাদের বিনামূল্যে রং বাছাইকারী টুল ডিজাইনার এবং ডেভেলপারদের রং নিয়ে কাজ করতে সাহায্য করে:
-
ওয়েব ডিজাইন
ওয়েবসাইটের জন্য সঠিক রং নির্বাচন করুন এবং অ্যাক্সেসিবিলিটি সম্মতি নিশ্চিত করতে কন্ট্রাস্ট অনুপাত পরীক্ষা করুন।
-
ব্র্যান্ড পরিচয়
লোগো, মার্কেটিং উপকরণ এবং ব্র্যান্ড নির্দেশিকার জন্য সামঞ্জস্যপূর্ণ রং প্যালেট তৈরি করুন।
-
ছবির রং মিলানো
বিদ্যমান ছবির সাথে ডিজাইন উপাদান মেলাতে ফটো থেকে রং বের করুন।
-
CSS উন্নয়ন
CSS গ্রেডিয়েন্ট তৈরি করুন এবং রং প্যালেট CSS কাস্টম প্রপার্টি হিসাবে এক্সপোর্ট করুন।
-
অ্যাক্সেসিবিলিটি টেস্টিং
টেক্সট এবং ব্যাকগ্রাউন্ড রং সমন্বয় WCAG AA এবং AAA মান পূরণ করে তা যাচাই করুন।
রং বাছাইকারী কীভাবে ব্যবহার করবেন
শুরু করা
- সম্পৃক্তি এবং উজ্জ্বলতা নির্বাচন করতে রং বর্গে ক্লিক এবং টানুন
- বেস রং পরিবর্তন করতে হিউ স্লাইডার ব্যবহার করুন
- প্রয়োজনে আলফা স্লাইডার দিয়ে অস্বচ্ছতা সামঞ্জস্য করুন
- এর পাশে কপি বাটনে ক্লিক করে যেকোনো রং ফরম্যাট কপি করুন
বৈশিষ্ট্য
- রিয়েল-টাইম প্রিভিউ সহ ইন্টারেক্টিভ রং বাছাইকারী
- আইড্রপার দিয়ে যেকোনো ছবি থেকে রং বের করুন
- স্বয়ংক্রিয়ভাবে সামঞ্জস্যপূর্ণ রং সমন্বয় তৈরি করুন
- কাস্টম প্যালেট তৈরি করুন এবং CSS বা JSON হিসাবে এক্সপোর্ট করুন
- অ্যাক্সেসিবিলিটির জন্য WCAG রং কন্ট্রাস্ট পরীক্ষা করুন
- ভিজ্যুয়াল এডিটর দিয়ে CSS গ্রেডিয়েন্ট তৈরি করুন
কীবোর্ড শর্টকাট
- Ctrl+C: বর্তমান HEX রং কপি করুন
- Ctrl+V: ক্লিপবোর্ড থেকে রং পেস্ট এবং প্রয়োগ করুন
- 1-4: বৈশিষ্ট্য ট্যাবের মধ্যে পরিবর্তন করুন
টিপস
- প্রধান রং স্বয়ংক্রিয়ভাবে বের করতে ছবি আপলোড করুন
- টেক্সট পাঠযোগ্যতা নিশ্চিত করতে কন্ট্রাস্ট চেকার ব্যবহার করুন
- প্রজেক্টে সহজে ব্যবহারের জন্য আপনার প্যালেট CSS ভেরিয়েবলে এক্সপোর্ট করুন