مولّد لوحة ألوان الوضع الداكن

كيف يعمل

الواجهة الداكنة الجيدة لا تقتصر على عكس الأسود والأبيض: يجب أن تبقى الخلفيات مائلة قليلًا إلى لون ما ولا تكون سوداء تمامًا لتجنب تباين حاد، ويجب أن يكون لون التمييز ساطعًا بما يكفي ليظل مقروءًا على خلفية داكنة. تحسب هذه الأداة هذه الدرجات تلقائيًا انطلاقًا من تدرج لون التمييز الخاص بك في نظام HSL، لإنتاج مجموعة ألوان متناسقة جاهزة للصق في ورقة الأنماط على شكل متغيرات CSS.

لماذا نتجنب الخلفية السوداء تمامًا (#000000) في الوضع الداكن؟

الأسود النقي مع النص الأبيض النقي يخلقان تباينًا شديدًا يُجهد العين ويسبب تأثير هالة (اهتزازًا بصريًا) على بعض شاشات OLED. أما الواجهات الداكنة الاحترافية (macOS وMaterial Design) فتستخدم بدلًا من ذلك درجات رمادية داكنة جدًا مائلة قليلًا إلى لون ما، وهو ما تعيد هذه اللوحة إنتاجه.

هل يجب تكييف لون التمييز مع الوضع الداكن أيضًا؟

نعم: قد يبدو لون التمييز الذي يعمل جيدًا على خلفية فاتحة باهتًا أو داكنًا جدًا على خلفية سوداء. تُفتّح هذه الأداة لون التمييز المُدخل قليلًا ليحافظ على تباين جيد ويظل واضحًا على الخلفيات الداكنة المولّدة.

لا يُرسل أي لون أو تفضيل إلى خادم: تُنفَّذ جميع حسابات الألوان محليًا داخل متصفحك.