a11y.skipToMainContent
1

المولدات الكهربائية

Input any hex color and immediatelyly generate 10 shades (50-950) in Tailwind CSS fashion swatches, call to copy, and export configs.

Was this tool helpful?
Send Image to:
Advertisement

How to use Color Shades Generator

  1. أدخلي لون الثعلب أو أستخدمي ملتقط الألوان.
  2. أنظر إلى حجم 10 أشواط من 50 إلى 950.
  3. قم بمسحات فردية لنسخ رموز الثعبان، أو استخدام أزرار التصدير للثقب الكامل.

ما هذا؟?

pCreating consistent color scales is essential for design systems. وهذه الأداة تأخذ أي لون سداسي أساسي وتولد مجموعة كاملة من 10 أشواط من 50 (أقصر) إلى 950 (داركست)، في أعقاب اتفاقية تايلويند لمقياس لون برمجة المواد الكيميائية. كُلّ ظلّ يَعْرضُ كa مسحة لونِ مَع شفرةِ سدّسِه. اضغطي على أي ممسحة لتنسخي السداسي إلى لوحتك Export the full palette as hex values, CSS custom properties, or a ready-to-use Tailwind CSS form object
Advertisement

FAQ

كيف يتم حساب الظل؟?
وتُحسب الشواذ بمزج لون القاعدة باللون الأبيض (للمظلات الخفيفة 50-400) والسوداء (للأظافر المظلمة 600-950)، مع الإنتربول المتوازن بصورة دائمة.
هل يمكنني استخدام هذا لنظام تصميمي؟?
نعم - إن تصدير التايلويند مُستعد للقتال في طريقك config.js for custom brand colors.

Related tools

Author

AR
Aisha Rahmani"The Visual Storyteller"

Design Technologist & Media Specialist

Aisha bridges the gap between pixels and code. With expertise in image processing, SVG optimization, and video compression, she helps creators, designers, and marketers prepare media that looks great and loads fast. She has spoken at design conferences about accessible visual content and has helped agencies reduce page-weight budgets by up to 60 percent without sacrificing creative quality.

Advertisement