مجاني · التصميم وCSS
مولد درجات ألوان Tailwind.
حوّل لون علامتك التجارية إلى لوحة Tailwind كاملة من 50 إلى 950 بنظام OKLCH، مع قيم hex ونسب التباين وشيفرة لـ Tailwind v4 أو v3 أو متغيرات CSS.
Loading the calculator…
طريقة الاستخدام: مولد درجات ألوان Tailwind
أدخل بياناتك أو اختر الملف. عدّل الخيارات ثم أنشئ النتيجة وراجعها قبل النسخ أو التنزيل.
الحدود والصيغ المدعومة
تُعالج بياناتك على جهازك.
ملاحظات تقنية بالإنجليزية
Lightness steps imitate Tailwind’s default palette; check important text pairs for contrast. Everything is calculated in your browser; nothing you type is uploaded.
Each step has a target OKLCH lightness from 0.971 (50) to 0.258 (950); chroma rises and falls around the middle in proportion to your colour, and is reduced where needed to stay in sRGB.
Teal #0d9488 becomes 11 shades from #f2f7f6 to #072a26 and is kept exactly at step 600.