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

السطوع 100%
قاعدة الانسجام
اللون النشط
HEX
RGB
HSL
اللوحة

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


حول مولّد لوحات الألوان

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

يعرض كل نموذج لون قيمه بصيغ HEX وRGB وHSL وHSB، ويمكن ترقية أي لون في اللوحة ليصبح الأساس الجديد بنقرة واحدة. يحرّك شريط تمرير السطوع التركيبة بأكملها نحو الأفتح أو الأغمق مع بقاء علاقات درجة اللون ثابتة، ما يجعل استكشاف تنويعات التركيبة سريعًا جدًا.

يُحسب كل شيء مباشرة في متصفحك باستخدام رياضيات نظرية الألوان على عجلة HSV، دون أي رفع للملفات أو اتصال بالخادم. عندما تبدو اللوحة مناسبة، انسخ القيم الفردية، أو جميع الألوان دفعة واحدة، أو متغيرات CSS جاهزة، أو تصديرًا بصيغة JSON.

كيفية استخدام مولّد لوحات الألوان

  1. اختر لونًا أساسيًا باستخدام المنتقي، أو اكتب قيمة، أو انقر "عشوائي".
  2. اختر قاعدة تناغم مثل متجاور أو متكامل أو ثلاثي أو مربع.
  3. اسحب العلامات على العجلة واضبط شريط تمرير السطوع لضبط التركيبة بدقة.
  4. انقر على نموذج لون لنسخه، أو اجعله اللون الأساسي الجديد للاستمرار في التكرار.
  5. صدّر اللوحة باستخدام "نسخ الكل" أو "نسخ متغيرات CSS" أو "نسخ JSON".

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

نعم، إنه مجاني تمامًا. تُحسب رياضيات اللوحة بالكامل في متصفحك، لذا لا توجد رصيد ائتماني ولا حسابات ولا حدود استخدام.

تضع كل قاعدة الألوان الأخرى في اللوحة بزوايا ثابتة حول عجلة الألوان بالنسبة إلى لونك الأساسي: المتكامل يقع في الجهة المقابلة (180°)، الثلاثي يباعد الألوان 120°، المتجاور يبقي الألوان المجاورة قريبة من بعضها، المتكامل المنقسم يحيط بدرجة اللون المقابلة، والمربع يباعد أربع درجات ألوان بمقدار 90°.

التركيبات المتجاورة أو الأحادية اللون هي الأكثر أمانًا للواجهات لأنها تبدو هادئة ومتماسكة. استخدم المتكامل أو المتكامل المنقسم عندما تحتاج لون تمييز قوي للأزرار وأزرار الدعوة إلى إجراء مقابل درجة لون أساسية مهيمنة.

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

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

شارك هذا

عمليات البحث الشائعة
مولد لوحة ألوان عجلة الألوان مولد تناسق الألوان ألوان متكاملة نظام ألوان متشابه مولد لوحة ألوان مجاني
هل تحتاج إلى مساعدة؟
هل واجهت مشكلة في هذه الأداة؟ أخبر فريقنا.
الإبلاغ عن مشكلة

أضف هذه الأداة المجانية إلى موقعك الخاص — انسخ والصق الكود أدناه.