تخطَّ إلى المحتوى الرئيسي
Tooletto

مستخرج لوحة الألوان

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

  • الملفات لا تغادر جهازك أبدًا
  • مجاني، بدون تسجيل
  • بدون علامات مائية
  • يعمل دون اتصال بعد التحميل
Loading tool…

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

  1. 1

    أضف صورة

    أسقط صورة أو لقطة شاشة أو تصميمًا — أو الصقه من الحافظة.

  2. 2

    اختر عدد الألوان

    خمسة أو ستة عادةً النقطة المثلى للوحة قابلة للاستخدام.

  3. 3

    انسخ القيم

    تعطي كل عيّنة HEX وRGB، بالإضافة إلى مقدار تغطيتها للصورة.

كيف يختار تكميم القطع الوسيط الألوان

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

بما أن الانقسام يُوجَّه بمدى تشتت مجموعة الألوان بدلًا من عدد وحدات البكسل التي تملكها، تفضّل النتيجة طبيعيًا الألوان الشائعة والمميزة بصريًا معًا، بدلًا من مجرد قيمة البكسل الأكثر تكرارًا — لا تُزيح منطقة كبيرة من زرقة السماء شبه المتطابقة ثلاثة ألوان أخرى مختلفة حقًا يغطي كل منها مساحة أصغر. هذه نفس الخوارزمية الأساسية خلف توليد لوحات GIF ولوحات الـ256 لونًا الكلاسيكية، مُطبَّقة هنا لبناء لوحة للاستخدام في التصميم بدلًا من إعادة رسم الصورة نفسها.

لماذا قد لا تشبه اللوحة ما توقعته على الإطلاق

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

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

اختيار عدد الألوان لاستخراجها

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

3–4 ألوان
لوحة علامة تجارية مُحكَمة — أساسي، ثانوي، ولمسة أو اثنتين.
5–6 ألوان
الخيار الافتراضي العام. نطاق كافٍ دون تكرارات شبه متطابقة.
8+ ألوان
تحليل مفصّل لصورة معقدة، على حساب بعض التكرار بين العيّنات.

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

كيف تُختار الألوان؟

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

لماذا اللوحة مختلفة عما أراه؟

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

ماذا تعني النسبة المئوية؟

نسبة وحدات البكسل المُخصَّصة لتلك العيّنة. مؤشر جيد على الوزن البصري — لون يغطي 40% من الصورة سيهيمن على أي تصميم مبني من اللوحة، لذا ينتمي عادةً إلى خلفية بدلًا من لمسة.

هل تُشمَل المناطق الشفافة؟

لا. تُستبعَد وحدات البكسل الشفافة تمامًا، لذا شعار على خلفية شفافة يعيد ألوان الشعار بدلًا من الانجرار نحو الأسود.

مهام شائعة لأداة مستخرج لوحة الألوان