ملتقط الألوان من الصورة: HEX وRGB وHSL وLab

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

انقر اختر ملفاً أو أسقط صورة في المربع. ويمكنك لصقها أيضاً بالضغط على Ctrl+V.
حرّك المؤشر فوق الجزء الذي تريده من الصورة. يُظهر المكبّر البكسلات حوله، ويعطي مربع اللون تحت المؤشر اللون بأربعة تدوينات.
اضبط حجم العينة على 3 × 3 أو 5 × 5 لقراءة متوسط منطقة صغيرة بدلاً من بكسل واحد.
انقر الصورة لتضيف اللون إلى الألوان المختارة، ثم انقر HEX أو RGB أو HSL أو Lab لنسخه.

بكسل واحد أو متوسط

الصورة الفوتوغرافية فيها تشويش: قد تختلف البكسلات المجاورة قليلاً حتى على سطح مسطح، فقد يكون بكسل واحد مختلفاً قليلاً. تستطيع الأداة حساب متوسط مربع 3 × 3 أو 5 × 5 حول المؤشر. وعلى منطقة من لون واحد يعطي المتوسط قيمة أثبت من بكسل واحد.

التدوينات الأربعة

HEX وRGB هما التدوينان المعتادان في برامج الويب والتصميم. وHSL يصف اللون بدرجته وتشبعه وسطوعه، وهو مفيد حين تريد درجة أفتح أو أغمق منه. وLab (CIE L*a*b*، مع نقطة البياض D65 التي يستخدمها sRGB) يتبع طريقة إدراك العين للألوان، فالخطوات المتساوية فيه تبدو متساوية تقريباً، لذلك يفيد في مقارنة لونين. ودالة lab() في CSS تستخدم نقطة البياض D50 بدلاً منها، لذلك تختلف أرقامها عن هذه.

صورتك تبقى على جهازك

تُفتح الصورة وتُقرأ في متصفحك. لا يُرفع شيء، ولا تُحفظ الألوان التي تختارها، وتُمسح القائمة عند مغادرة الصفحة.

مثال: الأحمر الخالص

الأحمر الخالص، #FF0000، يُقرأ rgb(255, 0, 0) وhsl(0, 100%, 50%) وL*a*b* 53.2، 80.1، 67.2 (D65). ولقراءة أحمر شعار، اضبط حجم العينة على 5 × 5 بكسلات، حتى لا يحدد بكسل واحد مشوش اللون.

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

هل تُرفع صورتي عند قراءة ألوانها؟

لا. تُفتح الصورة وتُقرأ في متصفحك، على جهازك. لا يُرسل شيء إلى خادم، والألوان التي تحتفظ بها لا تُحفظ، بل تُمسح عند مغادرة الصفحة.

هل اللون في القراءة هو نفسه اللون على شاشتي؟

ليس دائماً. تعطي القراءة القيمة المخزنة في بكسلات الصورة. وتؤثر شاشتك ومعايرتها وملف الألوان الخاص بالصورة في طريقة ظهور اللون، فالأرقام هي قيم الصورة نفسها، لا قياس للشاشة.

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

هما طريقتان لكتابة القيم الثلاث نفسها. يكتب HEX كل قيمة من 0 إلى 255 بالنظام الستة عشري، فـ rgb(255, 128, 0) هو #FF8000، بينما يكتب RGB الأرقام نفسها بالنظام العشري. وتقبلهما برامج الويب والتصميم.

لماذا تعرض الأداة قيمة Lab؟

يصف Lab اللون كما تراه العين، بسطوع ومحورين للون. وهو يبيّن قرب لونين من بعضهما أفضل من HEX أو RGB، حيث قد يكون للونين متقاربين أرقام مختلفة تماماً.

لماذا قد تُقرأ صورة كبيرة جداً بشكل مختلف قليلاً؟

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

هل أستطيع قراءة الألوان من PNG شفاف؟

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

المصادر

آخر مراجعة للأرقام والنص: الثلاثاء، 30 جمادى الأولى 1448 بعد الهجرة.