kmra.dev

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;
}
  1. ১একটি রং বেছে নিন।
  2. ২হালকা থেকে গাঢ় পুরো স্কেল দেখুন।
  3. ৩Tailwind কনফিগ বা CSS হিসেবে কপি করুন।
জেনে রাখুন
কনফিগটি tailwind.config বা @theme ব্লকে পেস্ট করুন।
আমার রং আর ছবির কাজ কোথায় হয়?
আপনার ব্রাউজারে, আপনার ডিভাইসে। যে রং লেখেন আর যে ছবি খোলেন, সবই আপনার কাছে থাকে।
অফলাইনে চলে?
হ্যাঁ। পাতাটি একবার খুললে ইন্টারনেট ছাড়াও কাজ করতে থাকে।

সম্পর্কিত কাজ

সাধারণ কাজের জন্য তৈরি সেটিংস।

অন্য টুল

রং নিয়ে কাজের আরও টুল।