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

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

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

المعالجة والخصوصية: تُعالَج ملفاتك داخل متصفحك ولا تُرفع إلى أي خادم.

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

خطوات الاستخدام

  1. اختر الصورة
  2. اضغط على اللون الذي يعجبك
  3. النتيجة: كود اللون HEX وRGB جاهز للنسخ

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

  1. اختر صورة بصيغة JPEG أو PNG أو WebP أو اسحبها إلى المربع.
  2. انقر أو المس النقطة التي تريد لونها. يمكنك السحب لتحريك المؤشر ومتابعة المكبّر.
  3. للدقة: ركّز على الصورة وحرّك المؤشر بمفاتيح الأسهم بكسلًا واحدًا (أو 10 مع Shift)، أو اكتب إحداثيي X وY.
  4. انسخ قيمة HEX أو RGB أو HSL. يُحفظ كل لون تنقر عليه في السجل، ويمكنك نسخ السجل كله.

مثال

عند النقر على بكسل أحمر نقي تظهر القيم ⁦#FF0000⁩ و⁦rgb(255, 0, 0)⁩ و⁦hsl(0, ⁦100%⁩, ⁦50%⁩)⁩. وعند النقر على أزرق نقي تظهر ⁦#0000FF⁩ و⁦rgb(0, 0, 255)⁩ و⁦hsl(240, ⁦100%⁩, ⁦50%⁩)⁩.

الحدود والملاحظات

  • تُقرأ القيمة من بكسل واحد في الصورة الأصلية بدقتها الكاملة، لا من المعاينة المصغّرة. في صور JPEG تختلف البكسلات المتجاورة قليلًا بسبب الضغط، فاستعن بالمكبّر لاختيار بكسل يمثّل اللون.
  • القيم بنظام sRGB كما يفكّ المتصفح الصورة. الصور ذات ملفات تعريف الألوان المختلفة (مثل Display P3 أو Adobe RGB) قد يحوّلها المتصفح إلى sRGB، فقد تختلف الأرقام عما تعرضه برامج التصميم.
  • في البكسلات نصف الشفافة قد تختلف قيم RGB بدرجة أو درجتين بسبب طريقة تخزين Canvas للشفافية، وفي البكسلات الشفافة تمامًا لا يكون للون معنى. تنبّهك الأداة في الحالتين.
  • يحتفظ السجل بآخر 12 لونًا مختلفًا لهذه الصورة فقط، ويُمسح عند اختيار صورة جديدة أو إعادة تحميل الصفحة.
  • الحدود المختبَرة: ملف حتى 40 MB وصورة حتى 50 ميغابكسل. لا تحسب الأداة متوسط منطقة ولا تستخرج لوحة ألوان؛ لذلك استخدم أداة استخراج لوحة الألوان.

أسئلة شائعة عن هذه الأداة

لماذا يختلف الكود قليلًا عن لون هويتي المعروف؟

لأن ضغط JPEG وتصغير الصور يغيّران البكسلات قليلًا، وقد تكون الصورة محفوظة بملف ألوان مختلف. للحصول على القيمة الدقيقة استخدم ملف PNG الأصلي للشعار إن توفر.

هل يمكنني اختيار لون من بكسل محدد بدقة؟

نعم. اكتب إحداثيي X وY، أو ركّز على الصورة وحرّك المؤشر بمفاتيح الأسهم بكسلًا بكسلًا، ويعرض المكبّر البكسلات المحيطة مكبّرة.

هل تُرفع صورتي إلى خادم؟

لا. تُفتح الصورة وتُقرأ ألوانها داخل متصفحك فقط.

كيف أعرف لون من صورة؟

افتح الصورة في منتقي الألوان وانقر على النقطة التي تريدها، فيظهر لونها فورًا بصيغ HEX وRGB وHSL مع زر للنسخ. مثلًا يظهر الأحمر النقي ⁦#FF0000⁩. استعن بالمكبّر أو بمفاتيح الأسهم لاختيار البكسل الصحيح في المناطق الصغيرة.

كيف أحصل على كود اللون HEX من صورة؟

انقر على البكسل المطلوب ثم اضغط زر النسخ بجانب قيمة HEX، فتحصل على كود مثل ⁦#0000FF⁩ جاهزًا للصق في برنامج التصميم أو ملف CSS. يحفظ السجل آخر ⁦12⁩ لونًا مختلفًا من الصورة نفسها، ويمكنك نسخها كلها مرة واحدة.