Toolipedia تضمين
AR
→ كل أدوات النصوص

مولد لوحة ألوان Tailwind

أنشئ تدرج ألوان Tailwind CSS من 50 إلى 950 انطلاقا من لون علامتك، لـ v3 أو v4.

  • مجاني
  • بلا تسجيل
  • يعمل على أي جهاز

حول مولد لوحة ألوان Tailwind

أدخل لون علامتك التجارية لتحصل على تدرج كامل من 50 إلى 950 بالصيغة التي يستخدمها Tailwind، جاهز لملف الإعداد في الإصدار 3 أو لمتغيرات السمة في الإصدار 4. تناسب الدرجات الفاتحة الخلفيات، والدرجة 500 هي تقريبًا لونك الأساسي، وتصلح الدرجات الأغمق للنصوص والوضع الداكن.

طريقة استخدام مولد لوحة ألوان Tailwind

  1. أدخل لون علامتك التجارية بصيغة HEX.
  2. اختر إخراج Tailwind v3 أو v4.
  3. انسخ مقياس الألوان من 50 إلى 950 إلى إعداد Tailwind.

لماذا تستخدم هذه الأداة؟

تُعرف أيضًا باسم

الأسئلة الشائعة

أين ألصق ألوان Tailwind المولَّدة؟

في الإصدار 3، أضفها تحت theme.extend.colors في tailwind.config.js. وفي الإصدار 4، الصق المتغيرات في كتلة @theme من ملف CSS.

أي درجة ستطابق لوني الأصلي؟

يوضع لونك المُدخل على المقياس عند أقرب خطوة لإضاءته، عادةً قرب 500. افحص المعاينة لترى أي رقم وقع عليه.

ما الفرق بين إخراج v3 وv4؟

يضع الإصدار 3 الألوان في ملف الإعداد، بينما يستخدم الإصدار 4 متغيرات سمة CSS. اختر ما يطابق إصدار Tailwind في مشروعك.

هل مولد لوحة ألوان Tailwind مجانية؟

نعم. استخدام مولد لوحة ألوان Tailwind على Toolipedia مجاني، بلا تسجيل وبلا علامة مائية.

هل استخدامها آمن؟

نعم. تتم كل العمليات الحسابية في متصفحك، ولا يُرسَل أي شيء تُدخله إلى خادمنا.

هل تعمل على هاتفي؟

نعم. تعمل في أي متصفح حديث على Android وiPhone، وكذلك على الأجهزة اللوحية والحواسيب. لا حاجة إلى تثبيت أي شيء.

هل أحتاج إلى حساب؟

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

هل يمكنني وضع مولد لوحة ألوان Tailwind في موقعي؟

نعم. استخدم زر «ضمّن الأداة في موقعك» أسفل الأداة لنسخ مقطع قصير من الشيفرة ولصقه في صفحتك. الخدمة مجانية، ولا تحتاج إلى حساب، وتبقى الأداة تعمل داخل صفحتك.

أدوات ذات صلة