تخطي إلى المحتوى
SPCXTools

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

انقر في أي مكان على الصورة للحصول على كود اللون الدقيق بصيغ HEX و RGB و HSL — بالإضافة إلى لوحة الألوان الأساسية للصورة.

تعمل محلياً — ملفاتك لا تغادر جهازك أبداً

جاري تحميل الأداة…

كيفية استخدام منتقي الألوان من الصورة

  1. 1اختر صورة، أو أفلتها في الصفحة، أو الصق لقطة شاشة باستخدام Ctrl+V (⌘+V على نظام Mac).
  2. 2حرك المؤشر فوق الصورة. ستعرض عدسة التكبير البكسل الدقيق الموجود أسفل المؤشر.
  3. 3انقر لالتقاط لون. ستظهر أكواد HEX و RGB و HSL الخاصة به على اليمين — انقر على نسخ لاستخدام أي منها.
  4. 4استخدم لوحة الألوان الأساسية للحصول على الألوان السائدة في الصورة، و الألوان الملتقطة للرجوع إلى اختياراتك السابقة.

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

لقد وجدت لونًا يعجبك في صورة، أو لقطة شاشة لموقع، أو شعار، أو نموذج تصميم، والآن تحتاج إلى معرفة كود هذا اللون. يعمل منتقي الألوان من الصور هذا كقطارة لأي صورة: افتح الصورة، وانقر على أي بكسل للحصول على اللون بصيغ HEX و RGB و HSL، ليكون جاهزًا للصق في CSS أو Figma أو Photoshop أو Canva أو PowerPoint. تُظهر عدسة التكبير البكسلات الموجودة أسفل المؤشر لتتمكن من تحديد النقطة الصحيحة بدقة، كما يتم إنشاء لوحة بألوان الصورة الرئيسية تلقائيًا.

الميزات

  • قطارة ألوان لأي صيغة صور يمكن لمتصفحك فتحها — JPG و PNG و WebP و GIF و SVG و AVIF و HEIC.
  • عدسة تكبير تُكبّر المنطقة الموجودة أسفل المؤشر بكسلًا ببكسل.
  • أكواد HEX و RGB و HSL مع أزرار للنسخ بنقرة واحدة.
  • لوحة الألوان الرئيسية المستخرجة من الصورة بأكملها.
  • سجل الالتقاط يحفظ حتى 16 لونًا لتتمكن من المقارنة والرجوع إليها.
  • لصق لقطات الشاشة مباشرة من الحافظة.
  • الخصوصية: لا تغادر الصورة جهازك أبدًا.

أي صيغة ألوان يجب أن أستخدم؟

الصيغة مثال أين تُستخدم
HEX #1E90FF CSS و HTML و Figma و Canva ومعظم أدوات التصميم
RGB rgb(30, 144, 255) CSS و Photoshop وتطبيقات Office والبرمجة
HSL hsl(210, 100%, 56%) CSS عندما تريد تعديل الإضاءة أو التشبع

لتحويل اللون الملتقط إلى صيغ أخرى مثل CMYK أو HSV، أو للتحقق من تباينه مع النص الأبيض والأسود، افتحه في محول الألوان.

أفكار للاستخدام

مطابقة ألوان العلامة التجارية: استخرج درجة اللون الأزرق الدقيقة من شعار شركة أو لقطة شاشة لموقع إلكتروني للحفاظ على تناسق العرض التقديمي.

إنشاء لوحة ألوان: استخدم الألوان الرئيسية لصورة كنقطة انطلاق لتصميم موقع إلكتروني، أو ملصق، أو سمة لشرائح العرض.

تطوير الويب: استخرج الألوان من نموذج تصميم مبدئي متوفر كصورة بدلاً من ملف تصميم.

الفن الرقمي والأعمال اليدوية: ابحث عن أكواد الألوان في صورة مرجعية لاستخدامها في تطبيقات الرسم، أو أنماط التطريز والحياكة.

الحصول على نتائج دقيقة

اختر أكبر نسخة وأقلها ضغطاً من الصورة المتاحة لديك: تحافظ لقطات الشاشة بصيغة PNG على دقة الألوان، بينما قد تتغير الألوان قليلاً حول الحواف في صور JPG. كبّر الصورة باستخدام العدسة المكبرة وتجنب الحواف المنعمة، حيث تدمج البكسلات لونين معاً. إذا كنت تحتاج فقط إلى جزء من صورة كبيرة، فاستخدم أداة قص الصورة أولاً لتسهيل العمل عليها.

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

كيف يمكنني معرفة كود HEX للون في صورة؟
افتح الصورة في هذه الأداة وانقر على النقطة التي تريدها. كود HEX (مثل
هل يمكنني تحديد لون من لقطة شاشة؟
نعم. خذ لقطة شاشة كالمعتاد، ثم اضغط على Ctrl+V (أو ⌘+V في أجهزة Mac) في هذه الصفحة للصقها مباشرة — لا داعي لحفظها كملف أولاً.
كيف يتم تحديد الألوان الرئيسية؟
تأخذ الأداة عينات من نسخة مصغرة للصورة، وتجمع الألوان المتشابهة معاً وتعرض أكثرها شيوعاً، مع تجاهل الألوان المتطابقة تقريباً بحيث تعرض لوحة الألوان درجات مميزة.
لماذا يختلف اللون المحدد قليلاً عن التصميم الأصلي؟
يتم ضغط الصور المحفوظة بصيغة JPG، مما يؤدي إلى تغيير الألوان قليلاً، خاصةً عند الحواف. قد تتأثر لقطات الشاشة أيضاً بملفات تعريف ألوان الشاشة. للحصول على ألوان العلامة التجارية بدقة، حدد اللون من صورة بصيغة PNG أو راجع ملف التصميم الأصلي.
هل يتم رفع صورتي؟
لا. يتم فتح الصورة وقراءتها بالكامل داخل متصفحك. لا يُرسل أي شيء إلى أي خادم، لذا فإن الأداة آمنة للاستخدام مع لقطات الشاشة الخاصة والتصميمات غير المنشورة.
هل تعمل الأداة على الهواتف؟
نعم. اضغط على الصورة لتحديد لون. ستتبع العدسة المكبرة إصبعك أثناء لمسك للصورة.