Illustration: Color relationships displayed on a color wheel.
Illustration: Color relationships displayed on a color wheel.
Source colors

Illustrative preview

عجلة الألوان التفاعلية - ابحث عن تناغمات الألوان المتطابقة

ابحث عن أنظمة الألوان التكميلية والمتماثلة والثلاثية والرباعية والمربعة. اضبط HEX، والتشبع، والخفة، ثم انسخ الألوان المطابقة مجانًا بدون حساب.

نسحب لاختيار لون القاعدة - نسخ رموز الثمرة لكل وئام كلاسيكي.

لون HEX / CSS
التناغم

شرح تناغمات عجلة الألوان

مكمّل

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

مكمّل منقسم

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

متجاور

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

ثلاثي

التناسق الثلاثي يختار ثلاثة ألوان متباعدة بالتساوي بفارق 120 درجة، مثل الأحمر والأصفر والأزرق. يحافظ على حيويته حتى عند استخدام درجات باهتة أو مطفأة منه، ويبقى متوازنًا لأن عدم التقارب يمنع أي لون من الهيمنة. اجعل لونًا واحدًا هو القائد، واحتفظ باللونين الآخرين للمسات والإبرازات.

رباعي (مستطيل)

يستخدم تناسق رباعي الألوان (مستطيل) أربعة ألوان مرتبة كزوجين متكاملين، بينهما مسافة 60 درجة. يقدّم هذا التناسق أغنى تنوع بين كل التوافقات الكلاسيكية، لكنه أيضًا الأصعب في الموازنة — اختر لونًا واحدًا مسيطرًا، وخفّف الألوان الأخرى، وراقب نسبة الألوان الدافئة إلى الباردة بعناية.

مربع

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

ما يمكنك فعله باستخدام عجلة الألوان

قم بمراجعة القدرات الرئيسية قبل البدء.

  • استكشاف أنظمة الألوان التكميلية والمماثلة
  • ابحثوا عن ثلاثية ورابعة وهارمونات مربعة
  • شفرات هوكس لكل لون مطابق
  • تشبع الغرامة والضوء
  • اختر لون القاعدة لتصميمك

مرجع الإعدادات

عناصر التحكم المتاحة لـ عجلة الألوان.

الخيارات

اللون الأساسي (الصبغة والتشبع)مختار كولور
اسحب في أي موضع على العجلة التفاعلية لاختيار لونك المبدئي: الزاوية تحدّد درجة اللون، والمسافة من المركز تحدّد التشبّع.
لون HEX / CSSمدخلات نصية
اكتب أو الصق أي كود HEX أو rgb() أو hsl() أو اسم لون CSS للانتقال بالعجلة مباشرةً إلى لون محدّد لديك بالفعل.
التشبّعالمنزلقيتراوح: 0–100% · افتراضي: 91%
يضبط مدى حيوية اللون الأساسي، من الرمادي الكامل عند 0% إلى أنقى وأقوى درجة للّون عند 100%.
الإضاءةالمنزلقيتراوح: 0–100% · افتراضي: 60%
يتحكّم في درجة إضاءة اللون الأساسي، من الأسود عند 0% مرورًا بدرجة اللون الصافية إلى الأبيض عند 100%؛ وتتحدّث كل التناسقات اللونية تبعًا لذلك.
التناغمالإعدادات الجاهزة
يحدد أي علاقة كلاسيكية من علاقات عجلة الألوان تُبرَز على العجلة، مع وضع علامات على ألوانها المرافقة لترى كيف تُبنى التركيبة اللونية.الخيارات: مكمّلمكمّل منقسممتجاورثلاثيرباعي (مستطيل)مربع
مجاني الاستخدام · لا يلزم التسجيل · بدون علامة مائيةيتم تشفير التحميلات أثناء النقلتمت إزالته بموجب سياسة الاحتفاظ الخاصة بنا

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

كيف تساعدك عجلة الألوان على إنجاز مهمتك

فهو يحل المشكلات الحقيقية كل يوم، للشركات والمبدعين والمهام اليومية. ابحث عن حالة الاستخدام التي تناسبك وابدأ.

التعليم

تعرّف على نظرية الألوان

شاهد كل تناسق كلاسيكي محسوبًا مباشرة انطلاقًا من لون أساسي تختاره، مع شرح واضح وبسيط يوضح متى ولماذا ينجح كل مخطط لوني.

للمبدعين

اختر ألوان التمييز لموقعك

أدخل رمز hex الخاص بعلامتك التجارية في عجلة الألوان واستخدم مخططات الألوان المتكاملة المنقسمة أو الثلاثية لإيجاد ألوان مميزة تتباين دون أن تتنافر.

للمبدعين

عاين المخططات على واجهة مستخدم حقيقية

يُطبَّق كل توافق لوني على بطاقة نموذجية صغيرة — تحتوي على عنوان ومحتوى وزر ونقاط — لتتمكن من الحكم على التناسق في سياق فعلي بدلًا من مجرد عينات لونية مجردة.

للمبدعين

لوحات ألوان للفن والرسوم التوضيحية

استخدم التناغمات المتجاورة للمشاهد الطبيعية الهادئة والألوان المتكاملة لنقاط التركيز الدرامية، وانسخ رموز hex الدقيقة إلى تطبيق الرسم الخاص بك.

شاهد كل تحويل عند اكتماله

تعبر كل صورة خط المقارنة من دون تعديل وتظهر في الجهة الأخرى مكتملة.