عجلة الألوان

ما هي عجلة الألوان؟

عجلة الألوان أداة بصرية ترتّب الألوان في دائرة بحسب درجة اللون (hue)، بحيث تدور الألوان الأساسية والثانوية حول الحافة بينما يزداد التشبّع كلما ابتعدت عن المركز نحو الخارج. بالنظر إلى موضع أي لونين على هذه الدائرة يمكنك أن تعرف بسرعة إن كانا متقابلين ومتباينين أم متجاورين ومنسجمين، وهذا ما يجعل دائرة الألوان أداة عمل يومية لأي شخص يختار ألوان تصميم أو واجهة أو شعار.

تستخدم أداة عجلة الألوان في FreeToGenerate.com هذا المبدأ لتوليد لوحات جاهزة: تختار لوناً أساسياً واحداً من العجلة، وتطبّق الأداة عليه إحدى قواعد تناسق الألوان الست لتنتج بقية اللوحة تلقائياً بأكواد hex وقيم hsl() جاهزة للاستخدام في CSS أو Figma أو أي أداة تصميم أخرى.

طريقة الاستخدام

1. اختر لوناً أساسياً. اضغط في أي مكان على عجلة الألوان أو اسحب المؤشر؛ درجة اللون تتغير مع دورانك حول الحافة والتشبّع يزداد كلما ابتعدت عن المركز، أو اكتب كود hex مباشرة في الحقل المخصص لتنتقل العجلة إليه.
2. اضبط الإضاءة واختر نظام التناسق. استخدم شريط الإضاءة أسفل العجلة لتفتيح أو تغميق كل ألوان النظام معاً، ثم بدّل بين الأزرار الستة — متكامل، متجاور، ثلاثي، متكامل منقسم، رباعي مربّع، أو أحادي اللون — لترى اللوحة تتغير فوراً حول لونك الأساسي.
3. انسخ اللوحة. اضغط على أي بطاقة لنسخ كود hex أو قيمة hsl() الخاصة بها فقط، أو اضغط «نسخ الكل» لنسخ اللوحة كاملة كقائمة أكواد hex جاهزة للصق في CSS أو Figma.

أنظمة التناسق واحداً واحداً

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

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

حدود يجب معرفتها

هذه العجلة تصف الضوء لا الصبغة: إنها عجلة RGB/HSL التي تحسب مكمّل أي لون على أساس مزج الضوء على الشاشة، فمكمّل الأحمر فيها هو السماوي (cyan). أما عجلة الفنان التقليدية التي تعلّمتها في المدرسة فهي RYB، القائمة على مزج الأصباغ الملموسة، ومكمّل الأحمر فيها الأخضر. لا خطأ في أي منهما؛ كل عجلة تجيب عن سؤال مختلف، وهذه الأداة مبنية للشاشة لا للطلاء. كذلك تذكّر أن رقم الإضاءة في HSL ليس مقياساً للسطوع كما تراه العين: الأصفر hsl(60, 100%, 50%) يبدو أشد سطوعاً بكثير من الأزرق hsl(240, 100%, 50%) رغم تساوي رقم الإضاءة تماماً، فلا تستغرب حين يبدو تناسق صحيح حسابياً غير متوازن بصرياً؛ هذا بالضبط ما دفع لظهور فضاءات ألوان أحدث مثل OKLCH مصمَّمة لتطابق الإدراك البشري بدل الرياضيات الخام.

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

لماذا هي مجانية؟

عجلة الألوان في FreeToGenerate.com تعمل بالكامل داخل متصفحك دون أي اتصال بخادم لحفظ ألوانك: لا حساب لإنشائه، ولا علامة مائية على اللوحة الناتجة، ولا نسخة مدفوعة تخفي ميزة أساسية. تفتح الصفحة وتستخدم العجلة مباشرة، وتبقى كل أداة على الموقع مجانية بالكامل دائماً.