Tailwind কালার প্যালেট জেনারেটর
আপনার ব্র্যান্ডের রং থেকে Tailwind-এর মতো ৫০–৯৫০ স্কেল বানান।
আপনার রং অপরিবর্তিত অবস্থায় ৫০০ ধাপে বসে। বাকি ধাপগুলো OKLCH-এ মসৃণভাবে হালকা থেকে গাঢ় হয়।
যেভাবে এক্সপোর্ট
মান
কোনো ধাপে ক্লিক করলে কপি হয়। ছোট সংখ্যাটি সাদার ওপর কনট্রাস্ট; লেখার জন্য ৪.৫:১ বা বেশি ভালো।
@theme {
--color-brand-50: #f1f7ff;
--color-brand-100: #dfedfd;
--color-brand-200: #c5dffe;
--color-brand-300: #9cc9ff;
--color-brand-400: #60aaff;
--color-brand-500: #1e90ff;
--color-brand-600: #0076da;
--color-brand-700: #0062b7;
--color-brand-800: #005098;
--color-brand-900: #00427e;
--color-brand-950: #05294e;
}- ১একটি রং বেছে নিন।
- ২হালকা থেকে গাঢ় পুরো স্কেল দেখুন।
- ৩Tailwind কনফিগ বা CSS হিসেবে কপি করুন।
- জেনে রাখুন
- কনফিগটি tailwind.config বা @theme ব্লকে পেস্ট করুন।
- আমার রং আর ছবির কাজ কোথায় হয়?
- আপনার ব্রাউজারে, আপনার ডিভাইসে। যে রং লেখেন আর যে ছবি খোলেন, সবই আপনার কাছে থাকে।
- অফলাইনে চলে?
- হ্যাঁ। পাতাটি একবার খুললে ইন্টারনেট ছাড়াও কাজ করতে থাকে।
সম্পর্কিত কাজ
সাধারণ কাজের জন্য তৈরি সেটিংস।
অন্য টুল
রং নিয়ে কাজের আরও টুল।