WMW

استخراج ألوان الصورة

Free

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

يعمل بالكامل في متصفحك. صورتك لا تُرفع إلى أي مكان أبدًا.

انقر لاختيار صورة، أو اسحبها وأفلتها هنا

النشاط الأخير

مرئي للجميع. آخر 20 استخدامًا من جميع الزوار، الأحدث أولاً.

لا يوجد نشاط بعد. كن أول من يبدأ.

التعليقات (0)

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

تُراجَع تعليقات الزوار قبل النشر. تسجيل الدخول للنشر فورًا.

لا توجد تعليقات بعد. كن أول من يشارك رأيه!

ماذا تفعل هذه الأداة

يستخرج لوحة ألوان مهيمنة من أي صورة باستخدام تكميم اللون بالقطع الوسيط، نفس التقنية المستخدمة في مكتبات استخراج لوحات الألوان الشائعة، مع عدد قابل للتعديل من الألوان ونسخ بنقرة واحدة كرموز سداسية عشرية أو متغيرات CSS.

كيف يعمل

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

المشكلات التي تحلها

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

كيف تختار هذه الأداة الألوان الأكثر أهمية في صورتي؟

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

لماذا هذا أذكى من مجرد حساب متوسط الصورة بأكملها إلى لون واحد؟

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

لماذا قد تُفوّت لوحة الألوان المستخرجة لونًا يمكنني رؤيته بوضوح في الصورة؟

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

هل يُحلل هذا الصورة بدقتها الكاملة؟

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

هل يمكنني استخدام لوحة الألوان في CSS الخاص بي؟

نعم، انقر على "نسخ كمتغيرات CSS" لنسخ لوحة الألوان كخصائص مخصصة جاهزة للصق من --color-1 إلى --color-N، أو "نسخ كقائمة HEX" لقائمة بسيطة من الرموز السداسية العشرية.

أدوات ذات صلة