لوحة ألوان متكاملة
اختر لونًا أساسيًا ليُحسب لونه المتمم (المقابل له بزاوية 180° على العجلة اللونية) تلقائيًا، مع درجات فاتحة وداكنة لكلا اللونين. معالجة محلية 100% في متصفحك — لا يُرسل شيء إلى أي خادم.
كيف يعمل
على العجلة اللونية، اللون المتمم هو اللون الواقع في الجهة المقابلة تمامًا للون الأساسي (بفارق 180° في درجة اللون). عند الجمع بينهما يُحدثان تباينًا بصريًا قويًا يُستخدم كثيرًا في التصميم لإبراز زر إجراء أو شعار أو عنصر رئيسي على خلفية بلون مقابل. تحسب هذه الأداة اللون المتمم بدقة، ثم تُنتج لكل لون نسخة أغمق وأخرى أفتح، لتحصل مباشرةً على لوحة ألوان مصغّرة جاهزة للاستخدام.
لماذا أستخدم لوحة ألوان متكاملة بدلًا من لوحة ألوان متقاربة؟
تمنح لوحة الألوان المتقاربة (المتجاورة) أجواءً متناغمة وهادئة، بينما تخلق اللوحة المتكاملة توترًا بصريًا مقصودًا وتجذب العين. وهي مناسبة لزر الحث على اتخاذ إجراء أو شارة إشعار أو أي عنصر ينبغي أن يبرز بوضوح عن بقية الواجهة.
كيف أستخدم الدرجات الفاتحة والداكنة المُولَّدة؟
تناسب الدرجات الداكنة النصوص أو حالتَي «التمرير» و«النشط»، بينما تفيد الدرجات الفاتحة في خلفيات الأقسام والحالات المعطّلة والشارات الهادئة، مع البقاء ضمن عائلة اللون نفسها للون الرئيسي أو لونه المتمم.
تُنفَّذ جميع حسابات الألوان (التحويل بين HEX/HSL وتدوير درجة اللون) محليًا بلغة JavaScript داخل متصفحك مباشرةً.