الألوان والتصميم
مكتشف ألوان Tailwind
مكتشف ألوان Tailwind مجاني. الصق أي لون HEX, RGB أو HSL واحصل على أقرب فئة لون Tailwind CSS. لترحيل التصميمات إلى Tailwind.
Runs in your browser
Tailwind ↔ CSS color
Closest Tailwind colors
blue-500
#3b82f6
blue-600
#2563eb
indigo-500
#6366f1
sky-500
#0ea5e9
cyan-500
#06b6d4
violet-500
#8b5cf6
ملاحظة المحرر
Understanding · Twenty-two hues, eleven steps.
هذا الفصل المعمّق متاح حاليًا باللغة الإنجليزية فقط. أداة التحويل أعلاه تعمل بلغتك؛ أما المقال التفصيلي الطويل فلم تتم ترجمته بعد.
الأسئلة المتكررة
Quick answers.
›Which Tailwind palette is used?
The default Tailwind 3.x palette — slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose.
›How is 'closest' calculated?
Perceptual distance in Lab color space — much better than naive RGB distance, which often picks visually-wrong colors.
›Can I find multiple matches?
Yes — we show the top 3 closest colors so you can pick the best for your design.
›Is the tool free?
Yes — fully free, no signup.
يبحث الأشخاص أيضًا عن
أدوات ذات صلة
More in this room.
- محول الألوان (HEX/RGB/HSL/OKLCH)HEX، RGB، HSL و OKLCH الحديث — فوراً.
- مدقق التباين (WCAG)تحقق من تباين WCAG AA / AAA — ناجح أم فاشل.
- منتقي ألوان الصورة ولوحة الألوانأسقط صورة، استخرج لوحة ألوانها.
- محاكي عمى الألوانمعاينة لوحات الألوان من خلال العمى اللوني الأحمر والأخضر والمزيد.
- مولد التدرجاتتدرجات CSS الخطية والشعاعية والمخروطية.
- مولد الظل الصندوقيمحرر box-shadow CSS مرئي.