معرفة كود اللون من صورة

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

  • مجاني
  • HEX، RGB، HSL، CMYK
  • عدسة مكبّرة بدقة البكسل
  • لوحة من 6 ألوان

اسحب ملفاتك وأفلتها هنا

JPG، PNG، WebP… أو الصق لقطة شاشة (Ctrl+V) — تبقى الصورة على جهازك

اختيار
  • HEX#2563EB
  • RGBrgb(37, 99, 235)
  • HSLhsl(221, 83%, 53%)
  • CMYK %84, 58, 0, 8

خصوصية 100% — تتم معالجة كل شيء مباشرة داخل متصفحك: ملفاتك وصوتك وصورتك لا تُرسل أبدًا إلى خوادم Chatzam.

كيف تعرف كود اللون في صورة؟

  1. استورد الصورة

    أفلت صورة أو شعارًا أو تصميمًا، أو الصق لقطة شاشة مباشرة.

  2. انقر على اللون

    تكبّر العدسة المنطقة تحت المؤشر لتصيب البكسل المطلوب بالضبط.

  3. انسخ الكود

    انسخ بنقرة الصيغة التي تحتاجها: HEX للويب، أو RGB أو HSL أو CMYK.

كل ألوان الصورة، بالأكواد

عدسة بدقة البكسل

حتى على تفصيل دقيق أو خط في شعار أو حافة، ترى بدقة البكسل الذي ستلتقط لونه.

لوحة الألوان الغالبة

تُستخرج الألوان الستة الرئيسية للصورة تلقائيًا، لاستعادة ألوان هوية شعار أو أجواء صورة.

قطّارة على الشاشة كلها

على Chrome وEdge، التقط لونًا من أي مكان على شاشتك، حتى خارج الصفحة، بفضل قطّارة المتصفح.

منتقٍ حر وسجل

اختر لونًا بحرية، واقرأ تحويلاته، واعثر على الألوان التي اخترتها سابقًا في السجل المحفوظ في هذا المتصفح.

HEX وRGB وHSL: فهم أكواد الألوان

على الشاشة، كل لون مزيج من الأحمر والأخضر والأزرق، لكل منها قيمة من 0 إلى 255، أي 256 × 256 × 256 = 16,777,216 لونًا ممكنًا. يكتب كود RGB هذه القيم بالنظام العشري: rgb(255, 87, 51) لون برتقالي زاهٍ. ويكتب كود HEX القيم الثلاث نفسها بالنظام الست عشري، بحرفين لكل منها: #FF5733، لأن FF = 255 و57 = 87 و33 = 51. أما HSL فيصف اللون نفسه بطريقة أخرى: درجة اللون على دائرة الألوان من 0 إلى 360°، والتشبع والإضاءة بالنسبة المئوية، هنا hsl(11, 100%, 60%). صيغة HSL عملية لإنشاء نسخة أفتح أو أغمق بتغيير الإضاءة فقط.

CMYK للطباعة

لا تمزج الطابعة الضوء بل الأحبار: السماوي والأرجواني والأصفر والأسود، معبَّرًا عنها بالنسبة المئوية. بالتحويل الرياضي، يعطي البرتقالي #FF5733 تقريبًا C 0 %، M 66 %، Y 80 %، K 0 %، ويعطي الأحمر الصافي #FF0000 القيم C 0 %، M 100 %، Y 100 %، K 0 %. هذا التحويل نظري: النتيجة الفعلية تعتمد على الورق والطابعة وملف الألوان الذي تستخدمه المطبعة. بعض الألوان الزاهية جدًا على الشاشة، خاصة الأزرق والأخضر المشبعان، لا يمكن إعادة إنتاجها بالحبر فتخرج باهتة أكثر. لمستند مهم، اطلب بروفة طباعة أو قيم CMYK المرجعية في دليل الهوية البصرية.

لماذا يتغير اللون من بكسل إلى آخر

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

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

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

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

كيف أحوّل كود HEX إلى RGB؟

قسّم الكود إلى ثلاثة أزواج وحوّل كلًّا منها من الست عشري إلى العشري. ‎#1E90FF يعطي 1E = 30 و90 = 144 وFF = 255، أي rgb(30, 144, 255). تعرض الأداة التحويل تلقائيًا، وبصيغتي HSL وCMYK أيضًا.

ما الفرق بين RGB وCMYK؟

يصف RGB ألوان الشاشة، التي تمزج ضوءًا أحمر وأخضر وأزرق. ويصف CMYK الألوان المطبوعة، الناتجة عن أحبار سماوية وأرجوانية وصفراء وسوداء: استخدم HEX أو RGB للويب، وCMYK للطباعة.

كيف ألتقط لون موقع أو تطبيق؟

على Chrome أو Edge، استخدم قطّارة الشاشة كلها للنقر مباشرة على اللون، حتى خارج الصفحة. في المتصفحات الأخرى، التقط لقطة شاشة والصقها في الأداة.

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

لا. تُحلَّل الصورة داخل متصفحك ولا تغادر جهازك. ويُحفظ سجل الألوان في هذا المتصفح فقط.

أدوات مجانية أخرى

عرض جميع الأدوات المجانية →