تدرجات لون العلامة التجارية
أدخل اللون الرئيسي لعلامتك التجارية لتحصل على لوحة من عشرة تدرجات (من 50 إلى 900) على طريقة أنظمة التصميم (design system)، لبناء دليل ألوان متسق. حساب محلي 100% داخل متصفحك.
كيف يعمل
لا يقتصر نظام التصميم المتين على درجة لونية واحدة أبدًا: فهو يحتاج إلى متغيرات أفتح للخلفيات وحالات التعطيل، ومتغيرات أغمق للنصوص أو حالات التمرير. تحوّل هذه الأداة لونك إلى HSL، وتحتفظ بالصبغة الأصلية، وتغيّر السطوع فقط (والتشبّع قليلًا عند الطرفين) لتوليد عشرة تدرجات مرقّمة من 50 (فاتح جدًا) إلى 900 (داكن جدًا)، على غرار لوحات Tailwind CSS.
أي تدرج يطابق لوني الأصلي أكثر؟
يُحسب التدرج 500 ليكون أقرب ما يمكن إلى اللون الذي أدخلته؛ وتزداد التدرجات الأدنى فتوحًا تدريجيًا نحو الأبيض، بينما تزداد التدرجات الأعلى عتمة تدريجيًا نحو الأسود.
هل يمكنني نسخ تدرج واحد أم اللوحة كاملة؟
انقر على عيّنة لنسخ رمز HEX الخاص بها وحده، أو استخدم زر «نسخ اللوحة كاملة» للحصول على القائمة الكاملة بصيغة numéro: #hex، الجاهزة للصق في ملف تهيئة CSS أو Tailwind.
يتم حساب التدرجات بالكامل داخل متصفحك؛ ولا يُرسل لون علامتك التجارية إلى أي خادم.