Toolzy

مولّد درجات Tailwind

حوّل لونًا أساسيًا إلى سلّم درجات من 50 إلى 900 مثل Tailwind CSS.

50
#f0f6fe
100
#e2ecfe
200
#bbd4fc
300
#8ab5f9
400
#5996f7
500
#2977f5
600
#0b5ee5
700
#094cb9
800
#073a8d
900
#052861

اختر لونًا أساسيًا واحصل على سلّم درجات كامل من 50 إلى 900 جاهز للإدراج في إعدادات Tailwind. كل عينة قابلة للنسخ.

طريقة الاستخدام

  1. اختر لونك الأساسي
  2. شاهد سلّم الدرجات من 50 إلى 900
  3. انسخ رمز hex لأي درجة

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

كيف تُبنى الدرجات؟
نحافظ على لونك وتشبّعه ونربط كل خطوة بإضاءة مستهدفة.
أي خطوة تطابق لوني؟
النطاق 500–600 هو الأقرب إلى لون أساسي نموذجي.

أدوات ذات صلة