استخراج الألوان من الصورة

كيف تنتقي لونًا

1. اختر صورة — تُعرض بجودتها الكاملة.
2. اضغط في أي مكان. تُظهر عدسة مكبّرة البكسل الموجود تحت المؤشر بالضبط.
3. اقرأ القيمة بصيغة HEX أو RGB أو HSL وانسخها بضغطة واحدة.
4. تُجمع الألوان المنتقاة في شريط سجلّ أثناء عملك.

صيغ الألوان الثلاث

• HEX — #3287D1. ثلاثة بايتات بالنظام الست عشري بترتيب أحمر-أخضر-أزرق. الصيغة الافتراضية للويب، مختصرة وواضحة.
• RGB — rgb(50, 135, 209). الأرقام نفسها بالنظام العشري. أسهل في المعالجة برمجيًا، وهي الصيغة التي تطلبها CSS عند إضافة قناة شفافية.
• HSL — hsl(207, 63%, 51%). درجة اللون كزاوية، والتشبّع والإضاءة كنسب مئوية. وهي الأنفع بكثير في التصميم: ثبّت درجة اللون وغيّر الإضاءة فتحصل على سلّم درجات متناسق.

لوحة الألوان السائدة

إلى جانب الانتقاء الفردي، تحلّل الأداة الصورة كاملة وتستخرج خمسة ألوان ممثّلة عبر تجميع البكسلات في فضاء اللون واختيار أكبر المجموعات. وتُدمج الدرجات شديدة التقارب لتحصل على خمسة ألوان مختلفة فعلًا لا خمس درجات من لون السماء.

مفيدة لبناء تصميم حول صورة، أو لمطابقة لون علامة تجارية من شعار، أو للتأكد من أن صورة ستستقر بشكل مريح بجوار لوحة ألوانك الحالية.

ملاحظات عن الدقة

تُقرأ الألوان من بيانات البكسل المفكوكة فهي دقيقة — لكن بضعة أمور تؤثّر في معنى «دقيقة»:

• تشوّهات JPEG. الضغط يزيح البكسلات الفردية خاصة قرب الحواف. خذ عيّنتك من منطقة مسطّحة للحصول على قراءة موثوقة.
• ملفات تعريف الألوان. الصور الموسومة بملف تعريف واسع النطاق مثل Display P3 يحوّلها المتصفح إلى sRGB، فتصف الأرقام العرض بـsRGB لا القيم الأصلية.
• شاشتك. القيمة صحيحة حتى لو عرضتها شاشتك بشكل مختلف — لا تثق في عينك أكثر من الرقم.