كثيرًا ما تكون لقطة الشاشة الشيء الوحيد الذي بحوزتك. لا تستطيع فتح CSS الخاص بالموقع، لا تستطيع فحص التطبيق، لا تملك ملف التصميم — لكنك ترى الألوان على الشاشة، ولقطة الشاشة تجمّدها في صورة يمكنك أخذ عيّنة منها. إليك كيف تسحب رموز ألوان دقيقة من واحدة.
لماذا لقطة الشاشة هي المصدر الصادق
حين تلتقط صورة لصفحة أو تطبيق مُعروَض، تلتقط الألوان كما تظهر فعلاً — بعد تطبيق كل تدرّج وطبقة وشفافية. ذلك غالبًا أصدق من القيمة المصدرية. بطاقة مُعرَّفة بـ #000000 بشفافية 90٪ فوق خلفية رمادية ليست سوداء على الشاشة؛ إنها رمادي داكن محدّد. فحص الشيفرة يعطيك الوصفة؛ أخذ عيّنة من لقطة الشاشة يعطيك اللون الذي يراه المستخدم فعلاً. حين تطابق ذلك المظهر، لقطة الشاشة هي ما تريد قراءته.
انتقِ لونًا في ثلاث خطوات
- التقط لقطة الشاشة وحمّلها. التقط الشاشة (أو المنطقة التي تهمّك) وأفلت الصورة في المنتقي.
- حوّم إلى البكسل. عدسة مكبّرة تتبع مؤشرك وتكبّر المنطقة تحته، كي تستقرّ بدقة — حتى على حدّ رفيع أو أيقونة صغيرة.
- انقر للحفظ، ثم انسخ. كل نقرة تحتفظ باللون كعيّنة مع HEX وRGB وHSL، لكلٍّ زرّ نسخ. انسخ الصيغة التي تحتاجها والصقها في ورقة أنماطك أو أداة تصميمك.
أمور خاصة بلقطات الشاشة انتبه لها
للقطات الشاشة خصائص قد تُخطئ عيّنة اللون، وسهل تفاديها بمجرد معرفتها:
- احفظ كـ PNG، لا JPEG. ضغط JPEG يلطّخ الألوان قليلاً، خاصةً قرب الحواف وفي المناطق المسطحة، فقد تنحرف قيمة العيّنة عن الحقيقية. PNG بلا فقدان ويُبقي كل بكسل دقيقًا — معظم أدوات لقطة الشاشة في نظام التشغيل تفترض PNG أصلاً.
- راعِ مستوى التكبير. لقطة شاشة مأخوذة بتكبير متصفح أو نظام غير 100٪ مُحجَّمة، والتحجيم يمزج البكسلات المجاورة. لأنظف عيّنة، التقط عند 100٪.
- تجنّب الحواف والنص. التنعيم يعني أن البكسلات على أي حدّ مزائج، لا اللون الحقيقي. خذ عيّنة من وسط منطقة صلبة — العدسة تساعدك على رؤية أنك بعيد عن الحدّ المشوّش.
- انتبه للون النص دون البكسلي. كبّر النص المُعروَض فترى أطراف لون ليست القيمة الحقيقية للنص. انتقِ الألوان من التعبئات والخلفيات، لا من ضربات الحروف.
قراءة HEX وRGB وHSL
كل عيّنة تُظهر الصيغ الثلاث دفعة واحدة:
- HEX (
#3A7BD5) — الافتراضي لـ CSS وأدوات التصميم. - RGB (
rgb(58, 123, 213)) — قيم القنوات، مفيدة حين تحتاج شفافيةrgba. - HSL (
hsl(215, 65%, 53%)) — الصبغة والتشبّع والإضاءة، الأفضل حين تريد تعديل اللون بدلاً من نسخه بالضبط.
لا تعيد أخذ العيّنة للتبديل — اللون نفسه موجود أصلاً بالثلاثة.
التقط مخططًا كاملاً في تمريرة واحدة
من لقطة شاشة واحدة يمكنك إعادة بناء مخطط ألوان كامل: انقر لون الترويسة، والزرّ، والرابط، والخلفية، والنص الخافت. كلٌّ يتراكم في القائمة كي تسحب المجموعة الكاملة في جلسة واحدة وتنسخها بالترتيب.
إن أردت بدلاً من ذلك اللوحة العامة لصورة ملخّصة لك — حفنة الألوان المهيمنة — فتلك مهمة منفصلة، وأداة اللوحة في img.diy تستخرجها تلقائيًا. هذا المنتقي للإشارة إلى بكسل محدّد في لقطة الشاشة؛ وأداة اللوحة لتوصيف الصورة ككلّ.
لا شيء يغادر جهازك
لقطات الشاشة كثيرًا ما تحتوي أشياء تفضّل ألّا ترفعها — لوحة قيادة داخلية، مسودّة خاصة، واجهة عميل غير مُطلقة. هنا تُقرأ الصورة محليًا في متصفحك من canvas: لا يُرسَل شيء إلى أي مكان، لا يوجد حساب، وتعمل دون اتصال بعد التحميل الأول. تحصل على الألوان دون أن تغادر لقطة الشاشة جهازك أبدًا.
التقط لقطة الشاشة، حوّم إلى البكسل، انقر، وانسخ.