منتقي الألوان من صورة
أشر إلى أي جزء من الصورة لتعرف رمزه السداسي وقيم RGB وHSL، وشاهد الألوان القليلة التي تتكوّن منها. كل لون يخبرك إن كان النص سيُقرأ فوقه فعلًا. لا شيء يُرفع.
كيف يعمل
أخذ لون من صورة من الأمور التي يفترض أن يقوم بها نظام التشغيل، وهو نادرًا ما يفعل. اللون الذي تريده موجود في صورة حائط، أو لقطة شاشة لرسم بياني، أو شعار أرسله أحدهم بصيغة JPEG، وما تحتاجه ستة أرقام ست عشرية تلصقها في ملف أنماط.
الإشارة إلى بكسل هي النصف السهل. تُرسم الصورة بمقياس واحد إلى واحد مع تعطيل التنعيم قبل قراءة البكسل، وهو ما يبدو تدقيقًا زائدًا وليس كذلك: فمع التنعيم يعيد المتصفح مزيجًا من البكسل وجيرانه، فيكون اللون الذي تحصل عليه لونًا لم يوجد قط في الصورة ولا يطابقها عند لصقه.
أما اللوحة فهي النصف الصعب، وللطريقة المعتادة عيب معروف. يوزّع القطع الوسيط الألوان في صناديق، ثم يأخذ الكتاب المدرسي متوسط كل صندوق، وهكذا تُنتج أدوات اللوحات بنّيات موحلة لا وجود لها في الأصل: فمتوسط زهرة حمراء وورقة خضراء طين. هنا كل عيّنة هي البكسل الحقيقي الأقرب إلى صندوقها، فكل لون معروض لون كان بوسعك أن تشير إليه بنفسك. أما النسب فتُحسب على حدة، بسؤال كل بكسل عن أقرب عيّنة إليه، لأن القطع الوسيط يعطي صناديقه عمدًا أعدادًا متساوية من البكسلات، وقراءة ذلك كنسبة تعني الادّعاء بأن كل لون يشغل القدر نفسه من صورة واضح أن معظمها سماء.
ثم يأتي الرقم الذي يقرر إن كان هذا كله صالحًا للاستعمال. اللون المأخوذ من صورة ينتهي غالبًا خلف نص، وصلاحية ذلك قابلة للقياس: نسبة التباين وفق WCAG على الأبيض وعلى الأسود، مع بيان الحد الفاصل. كثيرًا ما يعطي لون علامة تجارية يبدو رائعًا في شعار نسبة 2.8:1 على الأبيض، وهو قرار يُتخذ عن قصد لا يُكتشف لاحقًا.
طريقة الاستخدام
- 1 اختر صورة، أو الصقها مباشرة من الحافظة.
- 2 اضغط في أي موضع من الصورة لأخذ اللون الموجود هناك.
- 3 انسخ الرمز السداسي أو RGB أو HSL بضغطة واحدة.
- 4 أو خذ إحدى العيّنات أدناه، وهي الألوان التي تتكوّن منها الصورة.
معلومات مفيدة
- كل عيّنة لون موجود فعلًا في الصورة، وليست أبدًا متوسط لونين موجودين فيها.
- ترتيب اللوحة بحسب حصة كل لون من الصورة، لا بحسب درجة اللون.
- التباين هو نسبة WCAG: الحد 4.5:1 لنص المتن و3:1 للنص الكبير.
- يُقرأ اللون مع تعطيل التنعيم، فهو البكسل بالضبط لا مزيجًا مع جيرانه.
- لقطات الشاشة تعمل كما تعمل الصور، وهي الطريق السريع لأخذ لون من رسم بياني.
دعم المتصفحات
- Chrome 94 وما بعدها
- Firefox 93 وما بعدها
- Safari 16.4 وما بعدها
- Edge 94 وما بعدها
هذه أقدم الإصدارات التي تملك كل ما تستخدمه الأداة. تُحسب من الأداة نفسها، فتتغير كلما تغيّرت.
جرى التحقق من أرقام الإصدارات في 2026-09-04.
الأسئلة الشائعة
كيف أحصل على الرمز السداسي للون في صورة؟
اختر الصورة واضغط على الموضع الذي تريده. يظهر الرمز السداسي وقيم RGB وHSL تحتها، وضغطة واحدة تنسخ أيًا منها. يُقرأ البكسل بدقة ودون تنعيم، فما تلصقه يطابق ما أشرت إليه.
كيف أعرف الألوان السائدة في صورة؟
تُحسب فور تحميل الصورة وتُعرض كعيّنات، مع بيان حصة كل منها من الصورة. اضغط عيّنة لتصبح اللون الحالي وتظهر أرقام تباينها.
لماذا تعطيني أدوات اللوحات الأخرى ألوانًا موحلة؟
لأنها تأخذ متوسط كل مجموعة ألوان تجدها، ومتوسط لونين شديدي الاختلاف لون لا يوجد في أي منهما. أما هنا فيُؤخذ البكسل الحقيقي الأقرب إلى ذلك المتوسط، فتعطي الزهرة الحمراء والورقة الخضراء أحمر وأخضر لا بنيًّا.
ماذا تعني أرقام التباين؟
هي نسب تباين وفق WCAG على الأبيض والأسود، من 1:1 إلى 21:1. نسبة 4.5:1 فأعلى تجتاز المستوى AA لنص المتن، و7:1 تجتاز AAA، و3:1 تكفي للنص الكبير فقط. وتحت 3:1 لا يصلح اللون خلف نص إطلاقًا.
هل يمكنني أخذ لون من لقطة شاشة؟
نعم، وهو من أنفع ما يُستعمل هنا. الصق لقطة بـ Ctrl+V واضغط على عمود في رسم بياني أو على خلفية تطبيق لتحصل على رمزه السداسي بدقة.
هل تُرفع صورتي؟
لا. تُفك ترميزها وتُقرأ داخل علامة التبويب هذه بجهازك أنت، ولا تُرسل منها نسخة إلى أي مكان. يمكنك مراقبة تبويب الشبكة في متصفحك أثناء العمل.
أدوات ذات صلة
تُعالَج ملفاتك على جهازك ولا تُرفع، ويمكنك التحقق من ذلك في أدوات المطور بمتصفحك ضمن تبويب «الشبكة».