CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
احصل على أي لون بكسل من أي صفحة ويب وانسخ رمز HEX الخاص به على الفور.
Image from store
Description from store
دقة الألوان هي الخيط الذي يربط كل واجهة جميلة، وأصل علامة تجارية، ولوحة تحكم لعرض البيانات، وحملة تسويقية. ومع ذلك، لا يزال المصممون ومهندسو واجهات المستخدم الأمامية يضيعون دقائق لا تُحصى في التدقيق في رموز الست عشرية في أدوات التطوير، أو في التقاط لقطات شاشة لصفحة ما، ثم تطبيقها في فوتوشوب. أداة Eye Drop Tool - وهي إضافة متصفح خفيفة الوزن مبنية على Manifest V3 - تُحوّل هذه العملية إلى لفتة أنيقة واحدة: انقر على أيقونة شريط الأدوات، واختر أي بكسل في نافذة العرض، وسيتم نسخ قيمة #RRGGBB الدقيقة إلى الحافظة. يُؤكد هذا الإجراء إشعارًا خفيفًا، وتعود مباشرةً إلى العمل قبل أن يتوقف تدفقك.
لماذا هذا الامتداد مهم؟
توجد أدوات اختيار الألوان المدمجة في المتصفح منذ سنوات، ولكن معظمها مُدمج في المُفتِّش، أو مُقتصر على عناصر DOM، أو مُقيَّد خلف قوائم فرعية للنقر بزر الماوس الأيمن. تُبرز أداة Eye Drop Tool نفس القوة من خلال زرٍّ مُتاح دائمًا يعمل على أي شيء تُعرِضه شاشتك - الصور، واللوحات القماشية، وإطارات الفيديو، وملفات SVG، وحتى الإضافات الخارجية.
أبرز الميزات
تفعيل بنقرة واحدة - بدون نافذة منبثقة أو لوحة إعدادات. يقوم عامل خدمة الخلفية بحقن محتوى البرنامج النصي فورًا، مما يُبقي استهلاك الذاكرة شبه معدوم عند الخمول.
أخذ عينات البكسل العالمية - نظرًا لأن الامتداد يلتقط مخزن الشاشة بدلاً من شجرة DOM، فهو يعمل على مشاهد WebGL المقدمة بشكل ديناميكي والألعاب ومقاطع الفيديو المتدفقة تمامًا مثل HTML الثابت.
نسخ الحافظة الفورية - تتم كتابة سلسلة HEX إلى الحافظة تلقائيًا؛ يمكنك لصقها مباشرة في Figma أو VS Code أو Slack دون مربع حوار وسيط.
نخب التأكيد البصري - التفاعل الصغير في زاوية الصفحة ("تم نسخ #ffcc33!") يطمئنك إلى نجاح الإجراء ويختفي بعد 1.5 ثانية.
فوائد المستخدم
توفير الوقت - تجنب اللجوء إلى أدوات التطوير أو التطبيقات الخارجية. خلال فترة التصميم السريع، تتراكم هذه الثواني لتصبح ساعات.
تقليل الحمل المعرفي - البقاء في نفس السياق العقلي يحافظ على التدفق الإبداعي؛ فأنت لا تقوم بالتلاعب بالنوافذ أو تبديل التركيز.
الاتساق المثالي للبكسل - تحقق بسرعة من أن كود الإنتاج يتطابق مع دليل أسلوب العلامة التجارية أو أن نماذج التسويق تلتزم بنسب التباين في إمكانية الوصول.
منع الأخطاء - يؤدي كتابة رموز hex يدويًا إلى ظهور أخطاء مطبعية؛ بينما يؤدي النسخ إلى الحافظة إلى إزالة هذا الخطر، مما يؤدي إلى عمليات التزام أنظف وتقارير أقل عن الأخطاء.
مجموعات المستخدمين المستهدفة
مصممي واجهة المستخدم وتجربة المستخدم
أخذ عينات سريعة من الألوان من النماذج الأولية الحية لإعادة استخدامها في أنظمة التصميم
ضبط الظلال بدقة أثناء جلسة مراجعة Figma
مطورو الواجهة الأمامية
التحقق من صحة عرض متغيرات CSS في حالات مختلفة
مرر مؤشر الماوس فوق الزر في المرحلة التجريبية واختر لونه النشط
مهندسو ضمان الجودة
تأكيد نسب التباين WCAG والامتثال للعلامة التجارية
أثناء اختبار الانحدار، قارن بناء الإنتاج بالمواصفات
المسوقون الرقميون ومنشئو المحتوى
مطابقة الرسومات المخصصة مع لوحة ألوان موقع الويب
اسحب شعار البطل باللون الأزرق للحصول على بلاط اجتماعي في اللحظة الأخيرة