منتقي الألوان من الصور

كيفية الاستخدام

1. اختر صورة أو أسقطها في المربع.
2. حرّك المؤشر فوق الصورة؛ ستعرض العدسة المكبرة البكسلات المحيطة بها.
3. انقر أو اضغط لاختيار اللون ونسخه بصيغة HEX أو RGB أو HSL.
4. مرِّر للأسفل للوصول إلى الألوان السائدة، واختر عدد الألوان التي تريدها، ثم انسخها أو نزِّلها كمتغيرات CSS.

كيف تعمل الأداة

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

تُستخرج الألوان المهيمنة باستخدام تجميع k-means: تُجمَّع البكسلات أولًا في 32,768 مجموعة لونية صغيرة، ثم تُدمَج المجموعات في عدد الألوان الذي تختاره، مرجَّحة بعدد البكسلات التي تحتويها كل مجموعة. تُختار نقاط البداية بطريقة حتمية، لذا تعطي الصورة نفسها دائمًا نفس لوحة الألوان.

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

أمثلة

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

الخصوصية

تُعالَج الصورة بالكامل داخل متصفحك. لا تُرفَع إلى أي خادم، ولا تُرسَل الألوان الملتقطة أو تُخزَّن.