منتقي الألوان من الصورة

● يعمل على جهازك. لا تُرفع الصورة أبدًا.

Loading…

اعرف اللون الدقيق لأي بكسل في صورة أو لقطة شاشة أو نموذج تصميم. انقر على الصورة أو المسها، وصوّب بالعدسة المكبّرة، وانسخ اللون بصيغة HEX أو RGB أو HSL أو OKLCH. تتجمع الألوان المختارة في قائمة يمكنك تصديرها، وفي Chrome وEdge يمكنك أيضًا اختيار لون من أي مكان على شاشتك. وتعمل الأداة كذلك محوّلًا للألوان دون أي صورة.

طريقة الاستخدام

  1. أفلت صورة أو الصقها أو اخترها، أو اكتب لونًا لتحويله.
  2. انقر على الصورة أو المسها؛ وعلى الهاتف، حرّك إصبعك ثم ارفعه لاختيار اللون. وتنقل مفاتيح الأسهم العدسة المكبّرة بكسلًا واحدًا في كل مرة.
  3. انسخ القيمة التي تحتاجها، أو نزّل الألوان كنص أو CSS أو JSON.

الأسئلة الشائعة

هل يُرفع ملفي إلى أي خادم؟
لا. كل شيء يجري داخل متصفحك على جهازك أنت. يمكنك التحقق بنفسك: افتح أدوات المطوّر (DevTools) في المتصفح، وراقب تبويب الشبكة (Network) أثناء عمل الأداة، ولن تجد أي عملية رفع. والشارة المجاورة لعنوان الصفحة تَعُدّ مباشرةً البايتات التي أرسلتها هذه الصفحة.
لماذا يختلف اللون قليلًا عمّا يعرضه تطبيق التصميم لديّ؟
كثيرًا ما تُحفظ الصور بفضاء لوني أوسع أو بملف تعريف لوني مضمّن. يحوّل المتصفح الصورة إلى sRGB القياسي لعرضها، ويُبلغك المنتقي بقيمة sRGB التي تراها على الشاشة. كما أن أخذ متوسط 3×3 أو 5×5 بكسل يخفف تشويش JPEG.
هل يمكنني اختيار ألوان من خارج المتصفح؟
نعم، في Chrome وEdge على الحاسوب: يلتقط زر «Pick from screen» (اختيار من الشاشة) أي بكسل على شاشتك. المتصفحات الأخرى لا توفر ذلك، لذا يُخفى الزر فيها؛ أما الاختيار من الصورة فيعمل في كل مكان.
ما صيغ الألوان التي يقرؤها؟
اكتب أو الصق HEX (مثل #1e90ff أو #19f)، أو rgb() أو hsl() أو oklch()، بفواصل أو بمسافات. وتتحول كل صيغة إلى جميع الصيغ الأخرى في آن واحد.

أدوات ذات صلة