تقنية

أفضل 12 موقع تنسيق الألوان … إمكانيات وأدوات مذهلة

إذا كنت تقضي ساعات في اختيار وتجريب الألوان المناسبة لتصاميمك وأعمالك، فما رأيك باختصار الوقت والوصول إلى مجموعة لا متناهية من الألوان مع إمكانيات مذهلة؟ نعم، سوف تحصل على الإلهام بما يخص الألوان… يمكنك الاعتماد على موقع تنسيق الألوان من بين أفضل 12.

سواء كنت تريد تصميم يعتمد على لون محدد أو لونين أو أكثر، أو كنت محتار ولم تختر لون حتى الآن، أو في حال كان لديك صورة وتود الاعتماد على تحليل ألوانها…. فالمواقع الـ 12 التالية تقدم لك إمكانية رائعة لاختيار الألوان.

أفضل مواقع تنسيق الألوان

1 – coolors

1 – coolors

من أفضل مواقع تنسيق الألوان على الإطلاق مع إمكانيات كثيرة جدًا وواجهة مستخدمة سهلة وتفاعلية على مستوى عالي، وهو معتمد من قبل أهم شركات التصميم والأنيميشن مثل Disney – Dreamworks – Warnerbros – EA – Apple – Microsoft…

  • الواجهة الرئيسية Generate عبارة عن مجموعة من الألوان المتناسقة ومن خلال ضغط spacebar سوف يتم تبديل الألوان، مع إمكانية: إضافة المزيد من الألوان –  تثبيتها وتغيير الألوان الأخرى – نسخ الكود الخاص بها – تغيير مكان كل لون…
  • يمكن التقاط أو تحميل صورة ومن ثم تصميم الباليت الخاص بها عن طريقة اختيار الألوان المكونة لها، ومن ثم تنسيق الشكل النهائي وحفظها في الموقع في حسابك أو تنزيلها.
  • من واجهة Explore يمكنك البحث ضمن أهم الباليتات من حيث عدد مرات الحفظ من قبل المستخدمين، وبمجرد الضغط على أي لون من ضمنها سوف يتم نسخ الكود HEX.
  • من خلال واجهة Color picker سيكون بإمكانك اختيار لون معين والتعرف إلى كافة التفاصيل والمعلومات التي تخصه بالإضافة إلى مجموعة من الألوان التي تتماشى معه.
  • يمكنك استخدام أدوات Coolors بالكامل من الموقع الإلكتروني أو التطبيق أو إضافة إلى متصفح كروم أو إضافة إلى برامج التصميم من Adobe.

2 – Color hunt

2 – Color hunt

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

  • الواجهة الرئيسية لموقع colorhunt تتضمن مجموعة من باليتات الألوان المتناسقة.
  • يمكنك البحث بين مجموعات الألوان الحديثة – الأكثر شعبية (شهريًا \ سنويًا \ بشكل مطلق) – المجموعات العشوائية.
  • يمكنك اختيار نوع الألوان المعروضة: باستيل – نيون – ذهبي – فاتحة – داكنة…. وغيرها الكثير من الاختيارات.
  • في الأعلى Search Palettes حيث يمكنك اختيار الألوان التي تود تنسيقها مع نوعها.
  • أضف “إعجاب” بالمجموعة التي لفتت انتباهك وبهذا سوف تضاف إلى قائمة الباليتات الخاصة بك.
  • بمجرد الضغط على واحدة من الباليتات المعروضة سوف تنتقل للتعرف إلى تفاصيلها وكل المعلومات اللونية التي تخصها.
  • يمكنك إنشاء الباليت الخاصة بك من خلال Create حيث سوف تنتقل لواجهة تقوم أنت بنفسك باختيار الألوان ضمنها، وبعدها سوف يتم عرضها للمستخدمين الآخرين للتفاعل معها.

3 – Canva

3 – Canva

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

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

4 – Dunplab

4 – Dunplab

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

  • في البداية سيكون عليك اختيار لون محدد من خلال Pick a color (إما باختيار اللون أو عن طريق إلصاق كود الهاكس الخاص به).
  • بعد اختيار اللون اضغط Generate palette وسوف تصل إلى الكثير من التركيبات اللونية المتناسقة والاختيارات اللامتناهية، بالاعتماد على القواعد الأساسية لدولاب الألوان.
  • بمجرد اقتراب مؤشر الماوس من أي لون منها سوف تظهر لديك كل المعلومات اللونية والأكواد الخاصة والتي يمكنك الاعتماد عليها.
  • ستجد شرح للقواعد اللونية المعتمدة بحيث تبدأ باكتساب الخبرة والقدرة على اكتشاف الألوان بنفسك.

5 – Paletton

5 – Paletton

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

  • في البداية عليك اختيار لو من دائرة الألوان بالضغط مباشرة على اللون أو من خلال نسخ كود الهاكس HEX.
  • سوف تظهر التركيبة اللونية المنسقة في القسم اليميني بشكل مربعات وبشكل مسطرة لونية.

من خلال اختيار القاعدة اللونية وفق دائرة الألوان (لونين – ثلاث ألوان متجاورة – مثلث – مربع) سوف تحصل على تنسيقات لونية مختلفة كل مرة.

  • من خلال النقر على لون معين من بين الألوان المعتمدة في الباليت سوف تصل إلى معلومات تفصيلية عن هذا اللون… يمكنك نسخ الكود الخاص به واستخدامه مباشرة.

6 – My color space

6 – My color space

نعم، الفضاء! الموقع يعتمد في التصميم على الفضاء ورواده، وهذا ما يميزه بين مواقع تنسيق الألوان، وهو يقدم 3 أدوات مهمة (الأداة الثالثة جديدة في الموقع).

  • الأداة الأولى هي كونه موقع تنسيق ألوان فهو يقدم لك مجموعة من الباليت المتناسبة بمجرد اختيار لونين عن طريق اختيار الألوان أو نسخ الـ HEX الخاص بهما (اللون الأول هو اللون الرئيسي وعادة ما يكون مكان كتابة رمزه في وسط الشاشة – اللون الثاني يكون موضع كتابته بجهة اليمين).
  • بمجرد الضغط على GENERATE بعد إدخال أكواد الألوان سوف يقدم لك الموقع مجموعة من الاختيارات اللونية المتناسقة حيث يمكنك نسخ الكود مباشرة.
  • الأداة الثانية التي يقدمها الموقع هي GRADIENT أي التدرج اللوني، وكل ما عليك القيام به هو اختيار لونين والموقع سوف يقدم لك التدرج بينهما.
  • الأداة الثالثة (الجديدة) 3 COLOR GRADIENT أي تدرج لوني بين 3 ألوان وليس اثنين فقط.

7 – colors muz li

7 – colors muz li

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

  • في خانة البحث اكتب: اسم اللون – رمز اللون – كلمة مفتاحية (يمكنك البحث عن لونين معًا).
  • الموقع يقدم أداة Color Palette Generator والتي من خلالها سوف تتمكن من الوصول إلى مجموعات لونية متناسقة مع لون معين تختاره، وبمجرد الضغط على أي منها سوف تنتقل إلى صفحة تعرض معلومات تفصيلية عن اللون ومدى شعبيته إلى جانب أمثلة عن تصاميم تعتمد عليه، ومجموعة من الباليتات الإضافية (ثنائية اللون أو متعددة).
  • يمكنك أيضًا رفع صورة إلى الموقع وتحليل الألوان التي تتألف منها.

8 – Color mind

8 – Color mind

للحظة الأولى يمكن أن تعتقد أنه عبارة عن موقع تنسيق ألوان عادي كأي موقع بسيط آخر، ولكن الحقيقة أن هناك ميزة أكثر من رائعة بشأنه لا تتوفر في كثير من المواقع!

  • من خلال تبويب website Colors سوف يقدم الموقع مجموعات لونية متناسقة مؤلفة من 5 ألوان وذلك بعد الضغط على Generate كل مرة.
  • من خلال تبويب Template سوف تصل إلى تنسيقات مؤلفة من 5 ألوان قريبة من بعضها وذلك بعد الضغط على Generate كل مرة.
  • يمكنك تثبيت أي من الألوان ضمن الباليت بحيث تحصل على ألوان متناسقة معه عند ضغط Generate، كما يمكنك تعديل مكانه أو تغيير اللون مباشرة.
  • من خلال تبويب Image Upload سوف تتمكن من رفع صورة إلى الموقع وتحليل الألوان فيها.
  • والآن الميزة الأهم في موقع في أسفل الجزء المخصص للباليتات سوف تجد الكثير من الأفكار والنماذج لتصاميم تعتمد على الألوان المختارة وهي ستكون فرصة لتتأكد من أنه لون مناسب أم لا.

9 – Image color picker

9 – Image color picker

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

  • أداة Pic Color From Image سوف تتمكن من رفع صورة إلى الموقع وتحليل الألوان الموجودة فيها بالكامل، والوصول إلى المعلومات اللونية الخاصة بها.
  • أما أداة Color Picker سوف تتمكن من اختيار لون محدد عن طريق HEX وHUE، والوصول إلى معلومات لونية كاملة، واقتراحات لمجموعات متناسقة ثنائية وثلاثية.

10 – Material

10 – Material

موقع material وأداة COLOR TOOL والتي تقدم لك مجموعة من الألوان المتناسقة مع 6 نماذج لتصميم واجهة بالاعتماد على هذه الألوان.

  • يمكنك اختيار اللون بشكل مباشر إما من تبويب MATERIAL PALETTE (مجموعة الألوان الجاهزة) أو من تبويب CUSTOM بالاعتماد على دائرة الألوان أو من خلال HEX COLOR.
  • بمجرد اختيار اللون سوف تحصل على باليت مؤلف من 5 ألوان متماشية مع بعضها.
  • في الجهة اليسرى من الموقع سوف تجد في تبويب USER INTERFACES 6 نماذج بالاعتماد على اللون المدخل، ومن خلال تبويب ACCESSIBILITY ستجد تحليل للنماذج الستة السابقة.
  • الموقع يقدم إمكانية تصدير الباليت بشكل كود أو بصيغة مناسبة للأندرويد أو الأجهزة التي تعمل بنظام IOS، كما يمكنك نسخ الرابط.

11 – Webfx

11 – Webfx

ماذا لو كنت تريد التصميم بالاعتماد على لون لا تعرف الكود الخاص به؟ ماذا لو كانت الحالة عكس ذلك، أي أنت تعرف HEX أو RGB ولكن لا تعرف اللون نفسه؟ أو في حال لم تكن قد اخترت لون محدد للتصميم وتشعر بالحيرة؟ في هذه الحالة عليك الاعتماد على موقع webfx.

  • بالاعتماد على أداة COLOR PICKER سيكون بإمكانك البحث عن الألوان فقط من خلال Press the spacebar، وفي كل مرة سوف يتغير اللون مع عرض HEX الخاص باللون.
  • من خلال أداة HEX \ RGB CONVERTER سوف تتمكن من كتابة أو لصق كود HEX أو RGB للون معين وسوف يظهر اللون أمامك مباشرة.

12 – Material palette

12 – Material palette

أخيرًا material palette والذي يمكن اعتباره موقع تنسيق الألوان الأكثر بساطة مع اقتراح باليت خاصة بواجهة موقع أو ورقة…

  • الموقع يعرض 19 لون في الواجهة اليسرى منه، بمجرد اختيار لونين سوف يتم تصميم صفحة بالاعتماد على هذه الألوان.
  • في الجهة المينى ستجد عرض لهذا التصميم وتفصيل من حيث المعلومات اللونية وكيف يجب أن يتم استخدام هذا اللون (نص أو أيقونة أو لون أساسي…)
  • يمكنك من خلال TWEET مشاركة التصميم، ومن خلال DOWNLOAD تحميل التصميم بصيغة مناسبة سواء ملف أو صورة.

قد يهمك أيضًا:

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

هذا الموقع يستخدم Akismet للحدّ من التعليقات المزعجة والغير مرغوبة. تعرّف على كيفية معالجة بيانات تعليقك.

زر الذهاب إلى الأعلى