📌 در Tailwind برای تغییر رنگ متن از کلاس‌های text-* استفاده می‌کنیم.
رنگ‌ها می‌تونن از پالت پیش‌فرض Tailwind یا رنگ‌های سفارشی باشن.

✅ کلاس‌ها

• text-black → متن سیاه

• text-white → متن سفید

• text-gray-500 → خاکستری (با شدت ۵۰۰)

• text-red-500 → قرمز

• text-green-500 → سبز

• text-blue-500 → آبی

• text-yellow-500 → زرد

📌 اعداد ۱۰۰ تا ۹۰۰ → شدت رنگ رو تعیین می‌کنن (۱۰۰ روشن‌تر، ۹۰۰ تیره‌تر).

✅ مثال

<p class="text-black mb-2">این متن سیاه است.</p>
<p class="text-white mb-2 bg-gray-800">این متن سفید است.</p>
<p class="text-gray-500 mb-2">این متن خاکستری است.</p>
<p class="text-red-500 mb-2">این متن قرمز است.</p>
<p class="text-green-500 mb-2">این متن سبز است.</p>
<p class="text-blue-500 mb-2">این متن آبی است.</p>
<p class="text-yellow-500 mb-2">این متن زرد است.</p>

📌 نکات مهم

• می‌تونی responsive هم باشه:

  • sm:text-red-500 → برای موبایل قرمز

  • md:text-blue-500 → از تبلت به بالا آبی

• برای رنگ‌های سفارشی می‌تونی از arbitrary value استفاده کنی:

  • text-[#ff5733] → رنگ HEX دلخواه