Tiny Online Tools logoTiny Online Toolssearchابحث في الادوات…grid_viewكل الادوات
الرئيسيةchevron_rightادوات التصميمchevron_rightمولِّد ألوان Tailwindمولِّد ألوان Tailwind

مولِّد ألوان Tailwind

إنشاء تدرجات ألوان Tailwind CSS مخصصة من لون أساسي.

ادوات مشابهة

مولِّد لوحة الألوان

مولِّد لوحة الألوان

إنشاء لوحات ألوان متناسقة من لون أساسي واحد.

محوِّل HEX إلى Tailwind

محوِّل HEX إلى Tailwind

تحويل ألوان HEX إلى أقرب فئات ألوان Tailwind CSS.

قائمة الألوان العشوائية

قائمة الألوان العشوائية

إنشاء قوائم ألوان عشوائية بصيغ HEX وRGB وHSL.

مولِّد متغيرات CSS

مولِّد متغيرات CSS

إنشاء خصائص CSS المخصصة (المتغيرات) لألوانك ومقاسات التصميم.

دامج جهات الاتصال VCF

دامج جهات الاتصال VCF

ادمج عدة ملفات vCard في ملف واحد، مع كشف مكرّرات مُقيَّم تتحكم فيه أنت وتحسمه بطاقةً بطاقة.

مرمّز كيانات HTML

مرمّز كيانات HTML

حوّل الأحرف الخاصة إلى كيانات HTML. اختر بين الترميز الأساسي أو الترميز الكامل.

مولّد Slug

مولّد Slug

حوّل النص إلى روابط URL نظيفة مع فواصل مخصصة وخيارات حالة الأحرف.

apps

المزيد من الادوات

تصفح مجموعتنا الكاملة من الادوات المجانية عبر الانترنت.

مولِّد ألوان Tailwind

يساعدك مولِّد ألوان Tailwind على إنشاء تدرجات ألوان كاملة متوافقة مع Tailwind CSS من لون أساسي واحد.

متى تكون هذه الأداة مفيدة

  • إنشاء لوحات ألوان مخصصة لمشاريع Tailwind
  • توليد تدرج من 50 إلى 950 لأي لون
  • تصدير قيم اللون للاستخدام في tailwind.config

سير العمل المعتاد

  1. أدخل اللون الأساسي الذي تريد البدء منه.
  2. راجع التدرج المولَّد من الفاتح إلى الداكن.
  3. انسخ الكود لاستخدامه في ملف تكوين Tailwind.