انتقاء لون HEX من صورة لتصميم موقع ويب

كيفية الاستخدام

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

كل لون تأخذ عينة منه يُخزن في شريط السجل أدناه (حتى 12 اختيارًا حديثًا)، لتتمكن من بناء لوحة ألوان من عدة نقاط عبر الصورة دون فقدان الاختيارات السابقة.

• أخذ عينات ألوان بدقة البكسل عند النقر
• عرض متزامن بصيغ HEX و RGB و HSL
• نسخ بنقرة واحدة لكل قيمة
• سجل لوحة ألوان لآخر 12 لونًا مأخوذًا

استخدامات عملية

عند تحويل نموذج من Figma أو رسم يدوي إلى CSS، خذ عينات من الدرجات اللونية المهيمنة مباشرة من النموذج بدلًا من تخمينها بالعين. هذا يزيل إحساس "قريب لكن ليس تمامًا" الذي يتسلل إلى قيم الألوان المكتوبة يدويًا.

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