Advertisement
  1. Web Design
  2. UX/UI
  3. Design Theory

نصيحة سريعة: إنشاء نظام للألوان من صورة

Scroll to top
Read Time: 1 min

() translation by (you can also view the original English article)

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

شاهد مقطع الفيديو

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

باستخدام أداة عبر الإنترنت تسمى HueSnap ، هذا ما سنفعله.

HueSnap

بمجرد زيارة الأداة ، يمكنك الاختيار من بين مجموعة كبيرة من أنظمة الألوان:

لإنشاء الخاصة بك انقر فوق "إنشاء لوح Create Palette" ، ثم قم بتحميل صورة من جهاز الكمبيوتر الخاص بك. بمجرد أن يتم تحميل صورتك ، يمكنك النقر فوق مساحات من الصورة لاختيار الألوان منها ، وسيتم منحك القيم السداسية والقيمة RGB لأي بكسل نقرت عليه. عندما تكون راضيًا عن لونك ، اضغط على زر الإضافة (+) وستتم إضافة هذا اللون إلى نظامك.

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

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

روابط مفيدة

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.