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

كم يكون الفرق عادة؟

خذ مثالًا: لون الهوية الرسمي #0F6B5F. فتحت صورة JPEG لإعلان قديم فيه الشعار، ونقرت في وسط اللون فظهر #106C60. الفرق درجة واحدة في كل قناة: الأحمر 16 بدل 15، والأخضر 108 بدل 107، والأزرق 96 بدل 95. بصيغة HSL صار hsl(172, ⁦74%⁩, ⁦24%⁩) بدل hsl(172, ⁦75%⁩, ⁦24%⁩). هذا فرق لا تراه العين، وسببه غالبًا ضغط JPEG.

أما إن ظهر لك #2D8C7E، أي hsl(171, ⁦51%⁩, ⁦36%⁩)، فهذا ليس فرق ضغط بسيطًا. هذا لون أفتح وأقل تشبعًا بوضوح، ومعناه أن الصورة مرت بتعديل أو بتحويل ألوان أو أنك نقرت قرب حافة ممزوجة بالخلفية.

من أين يأتي الانحراف؟

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

كيف تتحقق من مصدر الفرق بنفسك؟

1. افتح الصورة في منتقي الألوان من الصور وانقر في وسط مساحة اللون.
2. حرّك المؤشر بمفاتيح الأسهم بضعة بكسلات في كل اتجاه. إن تذبذبت القيمة بدرجة أو درجتين فهذا أثر ضغط، ولا يستحق القلق.
3. إن بقيت القيمة ثابتة لكنها بعيدة عن كود الهوية، فالملف نفسه ليس أمينًا للون: ربما صُدّر بملف ألوان مختلف أو عُدّل.
4. جرّب ملف PNG الأصلي للشعار إن توفر. إن أعطاك الكود الرسمي نفسه فالمشكلة كانت في النسخة الأخرى.

أي كود تعتمد في النهاية؟

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

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