Tailwind CSSBeginner
Tailwind Colors
Tailwind-এর built-in color palette, color intensity scale এবং custom color — বাংলা গাইড।
13টি অংশবাংলা ভাষায়
Tailwind-এ ১০০+ built-in colors আছে। প্রতিটি color-এ ১০টি intensity shade (50-950) আছে।
Color Intensity Scale
| Shade | বৈশিষ্ট্য |
|---|---|
| 50 | সবচেয়ে হালকা (lightest) |
| 100-200 | হালকা shades |
| 300-400 | মাঝারি shades |
| 500 | Default / base shade |
| 600-700 | গাঢ় shades |
| 800-900 | অতি গাঢ় |
| 950 | সবচেয়ে গাঢ় (darkest) |
Background Color
<div class="bg-blue-500">Default blue</div>
<div class="bg-blue-100">Light blue</div>
<div class="bg-blue-900">Dark blue</div>
<div class="bg-red-500">Red background</div>
<div class="bg-green-500">Green background</div>Text Color
<p class="text-red-500">লাল টেক্সট</p>
<p class="text-gray-600">ধূসর টেক্সট</p>
<p class="text-emerald-700">সবুজাভ টেক্সট</p>Border Color
<div class="border border-blue-500">নীল border</div>
<div class="border-2 border-red-300">মোটা লাল border</div>Custom Colors
Tailwind v4 CSS-firstcss
css
@import "tailwindcss";
@theme {
--color-brand: #3b82f6;
--color-brand-light: #93c5fd;
}<div class="bg-brand text-brand-light">Custom color ব্যবহার</div>Color Palette দেখুন
Tailwind অফিসিয়াল সাইটে colors page দেখুন — সব color-এর shade scale একসাথে দেখা যায়।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।