استخراج اللون من الصورة
اسحب الصورة هنا
الصيغ المدعومة: JPG, PNG, WebP, GIFانقر في أي مكان على الصورة لاختيار اللون
تحتاج لمعرفة اللون الدقيق في شعار أو صورة أو لقطة شاشة؟ حمّل الصورة، مرّر المؤشر فوق النقطة التي تهمّك، وانقر. كود اللون يُنسخ فورًا إلى الحافظة بالصيغة التي تختارها: HEX أو RGB أو HSL أو HSV أو LCH. لا تثبيت، ولا تغادر صورتك جهازك.
كيف تعرف كود اللون من الصورة
- حمّل الصورة. اسحبها إلى النافذة أو انقر على “تصفح الملفات”. تعمل الأداة مع JPG وPNG وWebP وGIF.
- اختر الصيغة. فوق الصورة، حدد الصيغة التي تريد نسخ اللون بها. HEX مناسبة غالبًا للويب، وRGB شائعة في برامج التصميم. تتذكر الأداة اختيارك.
- مرّر فوق اللون. بجانب المؤشر تظهر عدسة مكبّرة تُظهر البكسلات المحيطة، وتحتها كود اللون.
- انقر. الكود في الحافظة، واللون يُحفظ في تبويب الألوان المختارة. الصقه أينما تحتاجه.
تريد تجربة صورة أخرى؟ اسحبها مباشرة فوق الصورة الحالية، أو احذفها بأيقونة السلة.
ماذا تقدم قطارة الألوان عبر الإنترنت
عدسة تُظهر كل بكسل
القطارة العادية تُظهر فقط اللون تحت المؤشر، وإصابة حافة رفيعة لحرف تصبح حظًا. عدستنا تكبّر محيط المؤشر إلى 11 × 11 بكسل وتؤطّر البكسل الأوسط. ترى بالضبط ما ستنقر عليه قبل أن تنقر.
تكبير حتى مستوى البكسل الواحد
بزري زائد وناقص، أو بعجلة الفأرة مع الضغط على Ctrl، تُقرّب الصورة حتى 64 مرة. مع تفعيل الشبكة، تظهر حدود البكسلات، فتنقر بدقة على الأيقونات أو فن البكسل أو النص الصغير.
اللون من الأصل، لا من نسخة مصغّرة
كثير من الأدوات عبر الإنترنت تُصغّر الصورة أولًا وتقرأ اللون من المعاينة، حيث تندمج البكسلات المتجاورة. قطارتنا تعمل على الصورة بدقتها الكاملة (حتى 4096 بكسل على الضلع الأطول)، فتحصل على اللون الحقيقي للبكسل.
نسخ بنقرة واحدة
بلا تحديد نص ولا إعادة كتابة أرقام. كل نقرة على الصورة تنسخ الكود بالصيغة المختارة. إذا احتجت اللون نفسه بصيغة أخرى، تفاصيل اللون تعرض الصيغ الخمس كلها، لكل منها زر نسخ خاص.
لوحة الألوان السائدة
بمجرد تحميل الصورة، تكتشف الأداة حتى ثماني ألوان سائدة فيها وتعرضها في تبويب الألوان السائدة. الدرجات شبه المتطابقة تُدمج، فلا تجد في اللوحة خمس درجات من الرمادي، والأجزاء الشفافة من PNG تُستبعد. اللوحة نقطة بداية جيدة لمخطط ألوان موقع أو عرض تقديمي أو منشورات التواصل الاجتماعي. للتحقق من أن الألوان تحافظ على تباين كافٍ حتى بلا درجة لونية، جرّب تحويل الصورة إلى تدرج رمادي.
الألوان المختارة أمام عينيك دائمًا
كل لون تنقر عليه يُحفظ في تبويب الألوان المختارة (آخر 24 لونًا). يمكنك مقارنة عدة نقاط في الصورة والعودة إليها متى شئت. على الشاشات الكبيرة، لوحة الألوان تجاور الصورة مباشرة.
لماذا تحتاج كود اللون من صورة
- الويب والتطبيقات: أرسل العميل الشعار بصيغة JPG فقط وتحتاج اللون الدقيق للعلامة التجارية في CSS. إذا أردت نسخة بخلفية شفافة أيضًا، استخدم إزالة خلفية الصورة.
- التصميم الجرافيكي والتواصل الاجتماعي: تريد أن يتناسق نص المنشور مع الصورة. خذ اللون مباشرة منها.
- العروض التقديمية والمستندات: اضبط ألوان شعار الشركة في PowerPoint أو Google Slides أو Canva عبر HEX أو RGB.
- مراجعة التصميم: تحقق من لقطة شاشة أن زرًا في التطبيق يستخدم فعلًا اللون الذي يحدده التصميم. بعدها تحقق من مقاسات الملفات المُصدَّرة عبر تحليل أبعاد الصور.
- الديكور والموضة: لديك صورة لقماش أو حائط وتبحث عن درجة مشابهة. الكود نقطة انطلاق جيدة عند البحث في دليل الألوان.
صيغ الألوان التي تحصل عليها
- HEX (
#1373b6): الصيغة المستخدمة في HTML وCSS ومعظم أدوات التصميم. - RGB (
rgb(19, 115, 182)): نسبة الأحمر والأخضر والأزرق، كل منها من 0 إلى 255. طريقة عمل المزج الإضافي للألوان يشرحها ويكيبيديا. - HSL (
hsl(205, 81%, 39%)): درجة اللون والتشبع والإضاءة. تُسهّل صنع درجة أفتح أو أغمق. - HSV: درجة اللون والتشبع والقيمة، كما تعرفها من منتقي الألوان في Photoshop أو GIMP. الفرق بين HSL وHSV تشرحه ويكيبيديا.
- LCH: نموذج يطابق طريقة إدراك العين البشرية للألوان. يُنسخ بصيغة يفهمها CSS الحديث (راجع توثيق MDN، بالإنجليزية).
القطارة تكشف لك لون الصورة. إذا أردت تعديله أو تحويله إلى صيغ أخرى أو إيجاد درجات تناسبه، انتقل إلى منتقي الألوان.
الأسئلة الشائعة
هل تُرفع صورتي إلى خادم؟
لا. تُحمَّل الصورة وتُعالَج مباشرة في متصفحك، ولا تُرسَل إلى أي مكان، ولا يبقى منها شيء بعد إغلاق الصفحة. لذلك يمكنك استخدام القطارة بأمان حتى على ملفات داخلية أو تصاميم لم تُنشر بعد.كيف أعرف كود HEX للون من صورة؟
حمّل الصورة، أبقِ صيغة HEX محددة فوقها، وانقر على مكان اللون الذي تبحث عنه. الكود، مثل#75dab2، يكون في الحافظة فورًا.
لماذا يختلف اللون من الصورة عن الواقع؟
تؤثر الكاميرا في الألوان عبر الإضاءة وتوازن الأبيض والضغط. القطارة تُعيد بالضبط اللون المخزَّن في الملف. مع الصور، انقر على عدة نقاط وقارنها في تبويب الألوان المختارة. إذا كنت تمزج طلاء بناءً على الكود، اعتبره توجيهيًا فقط.هل تعمل القطارة على الهاتف؟
نعم. على شاشة اللمس، انقر على مكان في الصورة ويُنسخ الكود كما في الحاسوب. عدسة التكبير بجانب المؤشر لا تظهر على الهاتف، لذا كبّر الصورة أولًا عند الحاجة لتفصيل صغير.ما الفرق بين HEX وRGB؟
كلاهما يصف اللون نفسه. RGB يعبّر عنه بثلاثة أرقام من 0 إلى 255، وHEX يكتب الأرقام نفسها بالنظام السداسي عشري بعد علامة #. مثلًا،rgb(255, 87, 51) هو نفسه #ff5733.