ما هو مكتشف الألوان المكمّلة؟

يحسب باحث الألوان المكمّلة اللون المقابل على عجلة الألوان لأي قيمة مُدخلة. كما يعرض التناغمات المتشابهة والثلاثية والمكمّلة المنقسمة لتتمكن من بناء لوحة ألوان متناسقة.

تستعمل الأداة محرّك HSL في chroma-js وتدوّر عجلة الصبغة بزوايا ثابتة لاستخراج ست تناسقات: المتمّم (180°)، المتشابه (±30°)، الثلاثي (120° و240°)، المتمّم المنقسم (150° و210°)، الرباعي/المربّع (90° و180° و270°)، والأحادي اللون (تدرّجات أفتح وأغمق من اللون الأساسي). كل عيّنة تعرض قيم HEX وRGB وHSL معاً، وتُنسخ أيّ صيغة بنقرة واحدة لتلصقها في Figma أو إعدادات Tailwind أو قاعدة CSS.

كيفية الاستخدام

1. الخطوة 1 — أدخل لونًا أساسيًا بصيغة HEX (#FF6600) أو RGB (255 102 0)، أو اخترْه باستخدام أداة اختيار اللون.
2. الخطوة 2 — اعرض اللون المكمّل (المقابل بزاوية 180° على عجلة الألوان) مع أكواده فورًا.
3. الخطوة 3 — استكشف التناغمات الإضافية (متشابهة، ثلاثية، مكمّلة منقسمة) وانسخ قيمة أي عيّنة.

متى تستخدم

• تكوين لوحة ألوان هوية تجارية حول لون رئيسي قائم دون فتح Adobe Color.
• اختيار لون زر تأكيدي يبرز على خلفية الصفحة.
• انتقاء ألوان سلاسل بيانات في الرسوم البيانية تبقى مقروءة حين تتجاور.

النتيجة

يُدخل مصمم علامة تجارية اللون البرتقالي الأساسي #FF8C00 ويحصل على الأزرق المكمّل #0073FF، بالإضافة إلى درجات دافئة متشابهة #FF4400 و#FFB800 لإنشاء لوحة متماسكة.

الأسئلة الشائعة

ما الفرق بين المتمّم والمتمّم المنقسم؟

المتمّم هو اللون المقابل تماماً على العجلة (180°). المتمّم المنقسم يأخذ اللونين المحيطين بهذا المقابل (150° و210°). النسخة المنقسمة تبدو أهدأ وأسهل في الاستخدام عبر واجهة كاملة دون تنافر.

هل تنجح التناسقات مع ألوان أساسية قاتمة جداً أو شاحبة جداً؟

تناسقات الصبغة (المتمّم، المتشابه، الثلاثي، المتمّم المنقسم، الرباعي) تدوّر الصبغة فقط، فيبقى التشبّع والإضاءة كما هما؛ اللون الأساسي الفاتح يعطي مرافقين فاتحين، والقاتم يعطي مرافقين قاتمين. أمّا الأحادي اللون فيتعمّد تغيير الإضاءة حول صبغتك. إن بدا مرافق الصبغة باهتاً، ارفع تشبّع اللون الأساسي ثم ولّد من جديد.

هل تتبع عجلة الفنان (RYB) أم عجلة الشاشة (RGB)؟

عجلة الشاشة. مقابل الأحمر (#FF0000) هنا هو السماوي (#00FFFF) لا الأخضر كما في نظرية الألوان الزيتية. للتصميم الرقمي هذا هو النموذج الصحيح، أمّا لخلط الألوان الفيزيائية فستشعر بالاختلاف.

لماذا يبدو المتمّم لبعض الألوان قريباً جداً من اللون الأساسي؟

الرماديات الصافية تملك صبغة غير معرّفة، فلا يجد الدوران محوراً ويُعيد الرمادي نفسه. أضف ولو 5% من التشبّع إلى اللون الأساسي ليتباعد المتمّم كما يجب.

هل أستطيع تصدير اللوحة كاملة دفعة واحدة؟

نعم، بأربع طرق. زر «تنزيل اللوحة» يحفظ كل عيّنة وقيمتها HEX في ملف نصّي عادي. وزر «تنزيل CSS» يصدّر اللوحة كخصائص CSS مخصّصة جاهزة (مثل --color-complementary-1: #0099FF;). و«إعدادات Tailwind» تنشئ كائن ألوان جاهزًا للصق في ملف tailwind.config.js. و«صورة PNG» تحفظ اللوحة كاملةً كصورة معنونة مناسبة لمراجعات التصميم.

أدوات ذات صلة