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