استخراج ألوان الصورة
Freeاستخرج لوحة ألوان مهيمنة من صورة باستخدام تكميم القطع الوسيط، مع نسخ كـhex أو متغيرات CSS.
يعمل بالكامل في متصفحك. صورتك لا تُرفع إلى أي مكان أبدًا.
انقر لاختيار صورة، أو اسحبها وأفلتها هنا
النشاط الأخير
مرئي للجميع. آخر 20 استخدامًا من جميع الزوار، الأحدث أولاً.
لا يوجد نشاط بعد. كن أول من يبدأ.
ماذا تفعل هذه الأداة
يستخرج لوحة ألوان مهيمنة من أي صورة باستخدام تكميم اللون بالقطع الوسيط، نفس التقنية المستخدمة في مكتبات استخراج لوحات الألوان الشائعة، مع عدد قابل للتعديل من الألوان ونسخ بنقرة واحدة كرموز سداسية عشرية أو متغيرات CSS.
كيف يعمل
تبدأ جميع بكسلات الصورة في مجموعة واحدة. تجد الأداة أي قناة لونية (أحمر أو أخضر أو أزرق) لديها أوسع نطاق قيم ضمن المجموعة الأكثر عددًا، وتُرتب بكسلات تلك المجموعة على طول تلك القناة، وتُقسمها إلى نصفين عند الوسيط بحيث يحتوي كل نصف على نفس عدد البكسلات تقريبًا. يتكرر هذا التقسيم، مستهدفًا دائمًا المجموعة ذات البكسلات الأكثر، حتى يكون هناك مجموعات بعدد الألوان التي طلبتها. تُختزل كل مجموعة نهائية بعد ذلك إلى لون واحد بحساب متوسط بكسلاتها، وتُرتب الألوان الناتجة بحيث يكون الأكثر شيوعًا (أكبر مجموعة) أولاً.
المشكلات التي تحلها
- بناء لوحة ألوان أو سمة استنادًا إلى صورة أو شعار أو عمل فني.
- تحديد الألوان المهيمنة في صورة بسرعة لقرارات التصميم أو العلامة التجارية.
- إنشاء خصائص CSS مخصصة جاهزة للاستخدام من مخطط ألوان صورة.
الأسئلة الشائعة
›كيف تختار هذه الأداة الألوان الأكثر أهمية في صورتي؟
تستخدم تقنية تُسمى تكميم القطع الوسيط: تُعامل لون كل بكسل كنقطة في فضاء ثلاثي الأبعاد أحمر/أخضر/أزرق، وتُقسم مرارًا المجموعة الأكثر عددًا من الألوان إلى نصفين على طول قناة اللون التي تتباين أكثر داخلها، وبمجرد أن يكون لديها مجموعات بعدد الألوان التي طلبتها، تُحسب متوسط كل مجموعة في لون تمثيلي واحد. تأتي المجموعات ذات البكسلات الأكثر أولاً في النتائج، لذا تعكس لوحة الألوان مقدار الصورة الذي يُغطيه كل لون فعليًا.
›لماذا هذا أذكى من مجرد حساب متوسط الصورة بأكملها إلى لون واحد؟
سيمزج حساب متوسط كل شيء دفعة واحدة صورة بها مناطق حمراء وزرقاء متميزة إلى بنفسجي عكر لا يظهر في أي مكان في الأصل. بتقسيم فضاء اللون إلى مجموعات منفصلة قبل حساب المتوسط، تحتوي كل مجموعة على ألوان متشابهة فقط، لذا تبقى المناطق الحمراء والزرقاء ممثلة كإدخالات لوحة ألوان منفصلة ومميزة خاصة بها بدلاً من إلغاء بعضها البعض.
›لماذا قد تُفوّت لوحة الألوان المستخرجة لونًا يمكنني رؤيته بوضوح في الصورة؟
إذا كان ذلك اللون يُغطي فقط مساحة صغيرة من الصورة، فقد ينتهي به الأمر مطويًا في مجموعة أكبر وأكثر هيمنة بدلاً من الحصول على مكانه الخاص، خاصة مع أعداد ألوان أقل. زيادة عدد الألوان المطلوبة تمنح مناطق اللون الصغيرة أو الدقيقة فرصة أفضل للانفصال في إدخال لوحة ألوان خاص بها.
›هل يُحلل هذا الصورة بدقتها الكاملة؟
تُصغَّر الصورة أولاً إلى نسخة عمل أصغر قبل التحليل، لأن استخراج لوحة الألوان يحتاج فقط إلى عينة تمثيلية من الألوان، وليس كل بكسل، وهذا يُبقي الأداة سريعة حتى على الصور الكبيرة. لا يؤثر هذا على الصورة نفسها، بل على التحليل فقط، ولا يُرفع شيء والملف الأصلي لا يُعدَّل أبدًا.
›هل يمكنني استخدام لوحة الألوان في CSS الخاص بي؟
نعم، انقر على "نسخ كمتغيرات CSS" لنسخ لوحة الألوان كخصائص مخصصة جاهزة للصق من --color-1 إلى --color-N، أو "نسخ كقائمة HEX" لقائمة بسيطة من الرموز السداسية العشرية.
أدوات ذات صلة
صورة
تمويه الصورة
ضبّب صورة في متصفحك باستخدام تمويه صندوقي أو غاوسي أو حركي أو شعاعي، ثم حمّل النتيجة.
Freeصورة
مولد صور بإطار ضبابي
ضع صورتك في مربع أو نسبة عرض إلى ارتفاع أخرى دون قص، مع ملء المساحة الإضافية بنسخة مكبرة ومموهة من الصورة.
Freeصورة
سطوع وتباين الصورة
اضبط سطوع وتباين صورة في متصفحك مع معاينة مباشرة، ثم حمّل النتيجة.
Freeصورة
ضابط تعريض الصورة
اضبط تعريض صورة بوحدات ضوئية (EV)، مطبقة بإضاءة خطية للحصول على نتيجة دقيقة فيزيائيًا.
التعليقات (0)
هل وجدت هذه الأداة مفيدة؟ اترك تعليقًا، أو شارك نصيحة، أو أخبرنا كيف يمكننا تحسينها.
لا توجد تعليقات بعد. كن أول من يشارك رأيه!