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

استخرج لوحات الألوان المهيمنة من صور JPG أو PNG أو WebP أو AVIF أو GIF أو BMP أو TIFF. احصل على رموز HEX و RGB لكل لون. تتم كل عملية استخراج محلياً في متصفحك، دون رفع أي ملفات إلى أي خادم.

ما تحتاجه

المتصفح — Chrome أو Firefox أو Safari أو Edge مع دعم OffscreenCanvas التنسيقات — JPG أو JPEG أو PNG أو WEBP أو AVIF أو GIF أو BMP أو TIFF الحد الأقصى — 20 ميجابايت لكل ملف (سيتم رفض أي ملف يتجاوز 20 ميجابايت) الحساب — لا يتطلب أي حساب الإنترنت — غير مطلوب بعد تحميل الصفحة

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

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

تأكد من أن الملف أقل من حد 20 ميجابايت قبل الرفع، حيث سيتم رفض الملفات التي تتجاوز هذا الحد. اختر عدد الألوان المراد استخراجها: 5 أو 8 أو 10 أو 12. الألوان الأقل تنتج لوحات أكثر نقاءً وفائدة.

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

تقوم بتجميع البكسلات حسب تشابه الألوان باستخدام خوارزمية k-means وتُحسب متوسط اللون لكل مجموعة. لا يتم نقل أي بيانات عبر الشبكة. راجع لوحة الألوان المستخرجة.

يتم عرض كل لون كعينة مرئية مع رمز HEX وقيم RGB الخاصة به. انقر فوق أي رمز لون لنسخه إلى الحافظة. استخدم هذه الرموز في مشاريع التصميم أو CSS أو الطباعة الخاصة بك.

كيف يعمل

يستخدم Palette Generator عنصر OffscreenCanvas وخوارزمية تكميم الألوان لاستخراج الألوان المهيمنة. عند رفع صورة، يقرأ المتصفح الصورة مباشرة إلى الذاكرة عبر File API، ولا يحدث أي رفع للخادم.

يستخدم libvips عنصر OffscreenCanvas لرسم صورتك بدقتها الأصلية باستخدام drawImage. ثم يقرأ بيانات البكسل كمصفوفة RGBA باستخدام getImageData، والتي تُرجع Uint8ClampedArray تحتوي على قيم الأحمر والأخضر والأزرق والألفا لكل بكسل في الصورة. بالنسبة لصورة بدقة 1920x1080، ينتج عن ذلك حوالي 8 ملايين قيمة لونية فردية.

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

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

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

تتم معالجة الملفات بالكامل داخل متصفحك باستخدام OffscreenCanvas. ولا يتم رفعها أبداً إلى خوادم ConvertCraft.

عند حدوث خطأ

فشل رفع الصورة: تتجاوز صورتك حد 20 ميجابايت. يعمل OffscreenCanvas ضمن حدود ذاكرة صارمة. تتطلب معالجة الصور الأكبر من 20 ميجابايت مخازن بكسل غير مضغوطة ضخمة في ذاكرة الوصول العشوائي (RAM)، مما قد يؤدي إلى تعطل علامة تبويب المتصفح.

تحتوي اللوحة على ألوان متشابهة: تحتوي الصورة على تباينات لونية دقيقة تتعامل معها الخوارزمية كمجموعات متميزة. قلل حجم اللوحة للحصول على ألوان أقل وأكثر تميزاً.

الألوان لا تطابق ما أراه: تستخرج الخوارزمية المتوسطات الرياضية. قد لا تتوافق الاختلافات الإدراكية بين الألوان مع الرؤية البصرية. جرب حجم لوحة مختلف أو استخدم أداة القطارة على بكسلات محددة.

اللوحة تتكون في الغالب من لون واحد: تهيمن على صورتك لون واحد. تمثل الخوارزمية توزيع ألوان الصورة بأمانة. جرب صورة مختلفة ذات تنوع لوني أكبر.

### كم عدد الألوان التي يمكنني استخراجها؟

تدعم الأداة استخراج 5 أو 8 أو 10 أو 12 لوناً. الألوان الأقل تنتج لوحات أكثر نقاءً. الألوان الأكثر تلتقط تباينات دقيقة ولكنها قد تتضمن اختلافات طفيفة غير واضحة بصرياً.

### هل يمكنني استخراج الألوان من منطقة محددة؟

تحلل النسخة الحالية الصورة بأكملها. لاستخراج الألوان من منطقة محددة، قم بقص الصورة أولاً باستخدام Image Converter أو أداة قص مخصصة، ثم ارفع النسخة المقصوصة.

### هل من الآمن استخراج الألوان من الصور الخاصة؟

نعم. تتم معالجة الملفات بالكامل داخل متصفحك باستخدام OffscreenCanvas. ولا يتم رفعها أبداً إلى خوادم ConvertCraft.

لا تغادر بيانات صورتك جهازك أبداً، مما يجعلها آمنة تماماً من اعتراض الشبكة أو تسجيل الخادم.