اختر اللون من بيكسل الصورة اختر ألوانًا محددة من البكسلات في صورة تم تحميلها.
اللون من البكسل
اختر ألوانًا محددة من البكسلات في صورة تم تحميلها.
تحميل الصورة
اسحب وأفلت أو ابحث عن أي ملف صورة.
انقر للاختيار
انقر على أي بكسل في الصورة لاختيار لونه الدقيق.
نسخ اللون
انسخ اللون المختار بتنسيق HEX أو RGB.
What Is اللون من البكسل?
اللون من البكسل هو أداة ماصة دقيقة تسمح لك باختيار اللون الدقيق لأي بكسل في صورة تم تحميلها. قم ببساطة بتحميل الصورة واضغط على أي مكان فيها - تقرأ الأداة بيانات RGB للبكسل باستخدام Canvas API وتعرض القيم الدقيقة HEX وRGB. يتتبع سجل الاختيار آخر 10 ألوان محددة ، مما يسهل إنشاء لوحة الألوان عن طريق أخذ عينات من چند نقاط من نفس الصورة. هذا الأداة ضروري لاستخراج الألوان المحددة من لقطات الشاشة أو الصور الفوتوغرافية أو نماذج التصميم أو أي مرجع بصرية. على عكس أداة استخراج ألوان الصورة التي تجد الألوان السائدة تلقائيًا ، توفر لك هذه الأداة التحكم الدقيق على مستوى البكسل في اختيار الألوان.
Why Use اللون من البكسل?
-
اختيار ألوان دقيق باستخدام Canvas API
-
تاريخ الاختيار يحفظ آخر 10 اختيارات ألوان قمت بها
-
إخراج HEX وRGB مع أزرار نسخ
-
مبني على المتصفح - تظل الصور على جهازك
-
مسطرة دقيقة لاستهداف البكسلات بدقة
Common Use Cases
المواءمة التصميمية
استخراج الألوان الدقيقة من لقطات الشاشة للمواقع الإلكترونية أو التطبيقات لتطابقها في تصاميمك الخاصة.
عينة ألوان الصور
اختر ألوان محددة من الصور الفوتوغرافية للفن الرقمي الدقيق بالألوان.
استخراج ألوان الشعار
احصل على الألوان الدقيقة من صورة شعار عند عدم توفر إرشادات العلامة التجارية.
إعادة إنشاء الواجهة
عينة الألوان بكسل وبكسل من نماذج التصميم للتنفيذ.
Technical Guide
تستخدم الأداة HTML5 Canvas API لقراءة بيانات البكسل. يتم رسم الصورة المحملة على عنصر.canvas عند دقة أصليتها. عندما ي点击 المستخدم ، تتم ترجمة إحداثيات الفأرة من بكسل CSS إلى بكسل canvas باستخدام نسبة المقياس (عرض_canvas / عرض_عنصر). تعيد طريقة getImageData(x, y, 1, 1) مصفوفة Uint8ClampedArray مع قيم [R, G, B, A] للبكسل الذي تم النقر عليه. يتم تحويل هذه القيم إلى تنسيق HEX لعرضها. يتم الحفاظ على سجل الاختيار في حالة React كمسلسل من السلاسل HEX ، دون تكرار ويتجاوز 10 إدخالات. يعتمد جودة عرض الصورة على دقة Canvas - يتم عرض الصور الكبيرة بحجم CSS ولكنها تحتفظ بدقتها الكاملة لاختيار البكسل الدقيق.
Tips & Best Practices
-
1امزج الصورة قبل تحميلها لاستهداف البكسلات بسهولة أكبر
-
2تحتوي صور JPEG على تشوهات في الضغط - قد يكون للبكسلات المجاورة ألوانًا مختلفة قليلاً
-
3تحافظ صور PNG على الألوان الدقيقة للبكسلات دون تشوهات في الضغط
-
4استخدم تاريخ الاختيار لعينة عدة ألوان ومقارنتها جنبًا إلى جنب
-
5للحصول على أفضل دقة، استخدم الصور بدقة giải/original بدلاً من الإصدارات المضغوطة أو Масштабية
Related Tools
مُحَوِّل HEX إلى RGB
قم بتحويل رموز الألوان HEX إلى قيم RGB في الحال مع معاينة مباشرة للعينة.
🎨 Color Tools
محدد اللون
محدد لون تفاعلي مع مخرجات HEX و RGB و HSL و CMYK.
🎨 Color Tools
مُvisualize مساحة الألوان
استعرض أي لون عبر HEX و RGB و HSL و HSV و CMYK مع مخططات الشريط.
🎨 Color Tools
لوحة الألوان من الصورة
إنشاء لوحة ألوان كاملة من أي صورة تم تحميلها.
🎨 Color Tools
مستخرج ألوان الصور
استخراج الألوان السائدة ولوحة الألوان تلقائيًا من أي صورة.
🖼️ Image ToolsFrequently Asked Questions
Q هل يتم تحميل صوري إلى خادم?
Q لماذا يختلف اللون المختار عما أراه؟
Q هل يمكنني اختيار الألوان من الصور المتحركة أو SVG؟
About This Tool
اللون من البكسل is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.