منتقي الألوان من الصورة
انقر أي بكسل في الصورة لقراءة لونه. فمثلًا RGB 11، 122، 106 يساوي #0B7A6A بنظام HEX، وتعرض الأداة أيضًا الألوان الستة الأبرز. الصورة تبقى في متصفحك.
طريقة الاستخدام
- اختر صورة من جهازك، أو اضغط «استخدام صورة تجريبية» للتجربة.
- انقر أو المس أي مكان في الصورة لقراءة ذلك البكسل. وعلى الحاسوب يمكنك أيضًا تحريك نقطة الالتقاط بكسلًا واحدًا بمفاتيح الأسهم، أو عشرة بكسلات مع الضغط على Shift.
- انسخ قيمة HEX أو RGB أو HSL، أو اضغط عينة في اللوحة لتحميل أحد الألوان الستة الغالبة.
طريقة الحساب
تُرسم الصورة على لوحة رسم (canvas) مخفية داخل متصفحك، ويُقرأ البكسل الواقع تحت المؤشر تمامًا بقيم الأحمر والأخضر والأزرق من 0 إلى 255. ويكتب HEX الأرقام الثلاثة نفسها بالنظام الست عشري، فتصبح 11 و122 و106 هي #0B7A6A.
يحوّل HSL اللون نفسه إلى درجة لون (من 0 إلى 360 درجة) وتشبع وإضاءة بالنسبة المئوية. وهو مفيد لجعل اللون أفتح أو أغمق أو أخف حدة دون تغيير طابعه.
تستخدم اللوحة طريقة تقسيم صناديق تشبه median cut. تبدأ كل البكسلات في صندوق واحد، ثم يُقسم الصندوق الأوسع تباينًا مرارًا عند منتصف قناته الأوسع حتى تصبح الصناديق ستة. كل عينة هي متوسط لون صندوق واحد، مرتبة حسب المساحة التي تغطيها من الصورة. تُؤخذ عينات من الصور الكبيرة، وتُتجاهل البكسلات الشفافة.
أسئلة شائعة
هل تُرفع صورتي إلى أي مكان؟
لا. يُفتح الملف بأدوات متصفحك نفسه ويُرسم على لوحة في جهازك. لا يوجد رفع ولا يُخزَّن شيء.
لماذا يختلف اللون عما أراه في برنامج التصميم؟
تقرأ هذه الأداة قيم البكسلات التي يفك المتصفح ترميزها. إذا كانت صورتك تحمل ملف ألوان مضمّنًا مثل Display P3، أو ضُغطت بصيغة JPEG، فقد تختلف الأرقام قليلًا عن ملف التصميم الأصلي. التقط من صورة PNG لأدق نتيجة.
لماذا لا يكون الالتقاط في موضع النقر بالضبط؟
تُصغَّر الصور الكبيرة لتناسب الصفحة، فقد يغطي بكسل واحد على الشاشة عدة بكسلات من الصورة. واللون الذي تحصل عليه مأخوذ من النسخة المصغرة المعروضة.
هل أستطيع التقاط ألوان من صفحة ويب أو من شاشتي؟
التقط صورة للشاشة أولًا ثم افتحها هنا. لا تستطيع صفحة المتصفح قراءة بكسلات علامات التبويب أو التطبيقات الأخرى.