مستخرج لوحة الألوان
ارفع صورة واستخرج الألوان التي تُعرّفها فعليًا. اضغط أي عيّنة لنسخ رمزها اللوني (hex).
انقر لاختيار صورة، أو اسحبها وأفلتها هنا
يعمل أيضًا باللصق (Ctrl+V). تبقى على جهازك، لا شيء يُرفع.
كيف تعمل الأداة
تُؤخذ عيّنات الألوان مباشرة من صورتك باستخدام واجهة canvas، وتُجمّع حسب التشابه. لا شيء يُرفع، كل شيء يحدث داخل متصفحك.
كيف تعمل
تُرسم صورتك على لوحة رسم مخفية بعد تصغيرها إلى حد أقصى 200 بكسل على أطول جانب، لأن الصورة المصغرة تحمل توزيعًا لونيًا شبه مطابق للأصل وتُقرأ أسرع بآلاف المرات. تخرج بيانات RGBA الخام من getImageData()، وأي بكسل شفاف بنسبة تزيد عن النصف يُستبعد. يقع كل بكسل متبقٍ في شبكة خشنة من 6 مستويات لكل قناة، أي 216 مجموعة إجمالًا، وتحتفظ كل مجموعة بمجموع القيم الحقيقية. تُرتَّب المجموعات حسب عدد البكسلات، وتفوز أعلى N مجموعة، وكل عيّنة لونية هي متوسط البكسلات الحقيقية في مجموعتها، وليس مركز المجموعة، ما يمنع ظهور نتائج «متدرّجة» بشكل صناعي.
القيد الصادق في هذا النهج: يقيس المساحة لا الأهمية. صورة بورتريه أمام جدار بيج ستمنحك خمسة درجات من البيج قبل أن تذكر السترة الزرقاء لصاحب الصورة، لأن الجدار ببساطة يحتوي على بكسلات أكثر. إذا كنت تبحث عن ألوان تمييز بدلًا من الألوان السائدة، ارفع عدد الألوان وانظر نحو نهاية القائمة، أو اقصّ الصورة إلى المنطقة التي تهمك قبل رفعها.
الصورة نفسها لا تغادر جهازك أبدًا: تُحمَّل عبر رابط كائن محلي، وتُرسم على لوحة رسم في الذاكرة، وتُقرأ كبايتات، كل ذلك داخل جافاسكريبت هذه الصفحة. لا توجد خطوة رفع يمكن اعتراضها، ويبقى تبويب الشبكة فارغًا أثناء استخراجك للألوان.
أسئلة شائعة
هل تُرفع صورتي إلى أي مكان؟
لا. تُقرأ كل بكسل محليًا باستخدام واجهة canvas. لا شيء يُرسل إلى خادم.
كيف تُختار الألوان؟
تُجمَّع البكسلات في مجموعات حسب التشابه، وتصبح المجموعات الأكثر شيوعًا لوحة ألوانك، محسوبة كمتوسط للبكسلات الحقيقية التي وقعت في كل مجموعة.
لماذا لا تطابق الألوان تمامًا ما توقعته؟
التفاصيل الصغيرة جدًا أو الرفيعة قد تُحسب كمتوسط إذا لم تغطِّ جزءًا كافيًا من الصورة. جرّب زيادة عدد الألوان لالتقاط تفاصيل أكثر.