مولد لوحة ألوان متناسقة
يولّد من لون أساسي واحد لوحات ألوان متناسقة بقواعد دائرة الألوان: مكملة ومتجاورة وثلاثية ورباعية ومكملة منقسمة وأحادية.
جرّب أداة أخرى
اخترناها لتكمل هذه الأداةمولد لوحة الألوان من Tooleem يأخذ لوناً أساسياً بكود HEX، ويحسب منه ستة أنواع من التناسق اللوني بقواعد دائرة الألوان المعروفة: المكمل، والمتجاور، والثلاثي، والرباعي، والمكمل المنقسم، والأحادي اللون. يعرض كل لوحة بأكواد ألوانها لتنسخها. الحساب رياضي ثابت على درجة اللون، لا يستخرج الألوان من صورة ولا يخترع علاقات عشوائية. يفيد مصممي الهويات والمواقع والعروض. يعمل في متصفحك.
طريقة الاستخدام
- 01اختر اللون الأساسياكتب كود HEX مثل #3B82F6 أو اختر اللون من اللوحة.
- 02راجع أنواع التناسقتظهر اللوحات الست، لكل منها ألوانها وأكوادها.
- 03انسخ الأكوادانسخ ألوان اللوحة التي تناسب تصميمك واستخدمها في برنامجك أو في CSS.
متى تفيدك هذه الأداة؟
- هوية بصرية جديدةبناء لوحة كاملة حول لون العلامة الأساسي.
- تصميم المواقع والتطبيقاتاختيار ألوان ثانوية وأزرار وخلفيات متناسقة.
- العروض والمنشوراتألوان متناسقة للرسوم البيانية والشرائح والمنشورات.
أمثلة
- أزرق للهويةمن الأزرق #3B82F6 يعطي التناسق المكمل لوناً برتقالياً مقابلاً له على الدائرة، مناسباً لزر بارز يلفت النظر.
- لوحة هادئة لموقعالتناسق المتجاور يأخذ اللونين على بعد 30 درجة من الأساسي، فيعطي مجموعة متقاربة مريحة للعين.
- تصميم بلون واحدالتناسق الأحادي يثبت درجة اللون وتشبعه ويغير الإضاءة، فيعطي درجات من اللون نفسه لخلفيات ونصوص وحدود.
نصائح لنتيجة أفضل
- لون مسيطر وألوان مساندةقاعدة شائعة: لون أساسي لمعظم المساحة، ولون ثانوي أقل، ولون بارز قليل للأزرار.
- افحص تباين النصالألوان المتناسقة ليست بالضرورة مقروءة معاً؛ افحص النص فوق الخلفية بأداة التباين.
- اضبط التشبع يدوياًالألوان المولدة تحافظ على تشبع اللون الأساسي؛ خففه للخلفيات الكبيرة.
كيف تُحسب الألوان المتناسقة؟
تحوّل الأداة اللون إلى صيغة HSL، ثم تدير درجة اللون على دائرة الألوان مع إبقاء التشبع والإضاءة: المكمل بإضافة 180 درجة، والمتجاور بطرح 30 وإضافة 30، والثلاثي بإضافة 120 و240، والرباعي بإضافة 90 و180 و270، والمكمل المنقسم بإضافة 150 و210. أما الأحادي فيثبت الدرجة والتشبع ويغير الإضاءة.
متى أستخدم كل نوع؟
المكمل للتباين القوي ولفت الانتباه، والمتجاور للتصميمات الهادئة المتجانسة، والثلاثي للتصميمات الحيوية المتوازنة، والرباعي للوحات الغنية التي تحتاج لوناً مسيطراً واضحاً، والمكمل المنقسم لتباين أخف من المكمل، والأحادي للبساطة والأناقة.
ما الفرق بين هذه الأداة ومنتقي الألوان؟
منتقي الألوان يعطيك قيم لون واحد بصيغه المختلفة وتباينه، ومعه أربعة ألوان مقترحة. أما مولد اللوحة فيبني لوحات كاملة من لون أساسي بقواعد التناسق الست.
أسئلة شائعة
ما الألوان المكملة؟
لونان متقابلان على دائرة الألوان، بينهما 180 درجة، مثل الأزرق والبرتقالي. يعطيان أقوى تباين لوني.
هل يمكن استخراج لوحة من صورة؟
لا. الأداة تبني اللوحات من لون أساسي تختاره بقواعد دائرة الألوان.
بأي صيغة تُعرض الألوان؟
بأكواد HEX جاهزة للنسخ إلى برامج التصميم أو CSS.
لماذا تبدو بعض الألوان المولدة شديدة؟
لأنها تحتفظ بتشبع اللون الأساسي وإضاءته. خفف التشبع يدوياً للخلفيات.
هل تُحفظ اللوحات؟
لا. انسخ الأكواد التي تريدها، فلا شيء يُحفظ.