كيفية الاستخدام
- انقر فوق "اختيار صورة"، أو أسقط صورة، أو الصق لقطة شاشة باستخدام Ctrl+V / Cmd+V.
- حرك المؤشر أو الإصبع فوق الصورة لمعاينة قيم HEX وRGB وHSL المباشرة والمكبر.
- انقر فوق النقطة التي تريد الاحتفاظ بها. يتم حفظ اللون في التاريخ.
- انقر فوق "استخراج لوحة" لإنشاء لوحة صديقة للتصميم، ثم انسخ قيم الألوان التي تحتاجها.
على سبيل المثال: الصق لقطة شاشة للمنتج، واختر لون الزر الرئيسي، وانسخ قيمة HEX إلى ملف CSS أو ملف تصميم.
الميزات الأساسية
- اختيار ألوان الصور المحلية: يتم عرض الصور وأخذ عينات منها باستخدام لوحة الرسم في المتصفح، ولا يتم تحميلها مطلقًا إلى الخادم.
- HEX/RGB/HSL على مستوى البكسل: حرك المؤشر أو الإصبع عبر الصورة لقراءة قيم HEX وRGB وHSL المباشرة.
- علامة التصويب للمكبر: تساعدك المعاينة المكبرة على استهداف حواف الأيقونات، وتفاصيل لقطة شاشة واجهة المستخدم، وكتل الألوان الصغيرة.
- Palette Generator: يستخرج أخذ عينات البكسل من جانب المتصفح ما يصل إلى 5 ألوان سائدة كمرجع سريع للتصميم.
- حفظ ونسخ سريع: انقر على الصورة لحفظ الألوان في السجل، ثم انقر على أي عينة لنسخ رمز اللون الخاص بها.
الأدوات ذات الصلة
حاسبة الحرائق2026(التضخم المعدل). محاكاة القوة الشرائية الحقيقية، وتحليل فجوات مدخرات التقاعد، وإنشاء خارطة طريق مرئية للثروة. تصدير ملف CSV بنقرة واحدة للوحة معلومات التمويل الخاصة ببرنامج Excel أو Notion. حساب خاص بنسبة 100% من جانب العميل.
احسب حجم مركز التداول من رصيد الحساب ونسبة المخاطرة والدخول ووقف الخسارة. يتم تشغيله محليًا في متصفحك دون أي تحميلات، حتى تتمكن من مقارنة سيناريوهات المخاطر قبل التداول.
حساب الفائدة المركبة من رأس المال، والمساهمات المتكررة، APY، والوقت. تصور أصل المبلغ والفائدة والرصيد النهائي باستخدام مخطط تفاعلي محلي.
استخدم حاسبة القروض / حاسبة الرهن العقاري لتقدير الدفعة الشهرية وإجمالي الفائدة وجدول السداد محليًا. أدخل المبلغ والسعر والمدة للحساب الآن باستخدام الرسوم البيانية الفورية.
استخدم حاسبة الاستثمار / حاسبة عائد الاستثمار لتقدير رأس المال المبدئي والمساهمات الشهرية والعائد السنوي والنتائج المعدلة حسب التضخم محليًا. احسب العوائد المتوقعة باستخدام مخطط الفائدة المركبة الفوري وعائد الاستثمار والجدول السنوي.
استخدم حاسبة APR إلى APY للتحويل بين APR وAPY محليًا. أدخل السعر، واختر التكرار المركب، وشاهد معدل الفائدة الفعلي، والانتشار، ومقارنة التكرار على الفور.
استخدم حاسبة هامش الربح هذه لحساب إجمالي الربح والعلامات التجارية والهامش وسعر البيع محليًا. أدخل التكلفة والسعر، أو التكلفة والهامش المستهدف، ثم قم بحساب الهوامش الخاصة بك على الفور.
استخدم حاسبة التكلفة لكل ألف ظهور وحاسبة تكلفة النقرة لتقدير الإنفاق الإعلاني ومرات الظهور والنقرات والتكلفة لكل ألف ظهور وتكلفة النقرة ونسبة النقر إلى الظهور محليًا. أدخل الميزانية والتكاليف المستهدفة لتخطيط سيناريوهات الحملة على الفور.
منطق الحساب
تقوم هذه الأداة بفك ترميز الصورة محليًا باستخدام HTML5 Canvas وتقرأ بكسل RGBA عند إحداثيات المنتقي الحالي من خلال getImageData. يتم تنسيق قيم HEX وRGB وHSL من هذا البكسل.
يقوم إنشاء لوحة الألوان باختبار وحدات البكسل القماشية، وتجميع الألوان القريبة في مجموعات بسيطة، وترتيبها حسب التردد لإرجاع ما يصل إلى 5 ألوان سائدة. يعد هذا مفيدًا للويب السريع ولوحات التصميم، ولكنه لا يعد بإدارة ألوان مطلقة احترافية لـ ICC / P3.
التعليمات
هل تم تحميل الصور الخاصة بي؟
لا، يتم تشغيل تحميل الصور واختيار الألوان ومعاينة المكبر وإنشاء لوحة الألوان محليًا في متصفحك.
كيف يمكنني الحصول على لون HEX من الصورة؟
اختر صورة أو الصقها، ثم حرك المؤشر أو الإصبع إلى البيكسل المستهدف. يظهر اللون الحي على الفور. انقر على الصورة لحفظها في السجل، ثم انقر على العينة لنسخ قيمة HEX.
ما هي تنسيقات الألوان المدعومة؟
تعرض الأداة وتنسخ HEX وRGB وHSL، وهي التنسيقات الأكثر شيوعًا في تصميم الويب وتطوير الواجهة الأمامية.
لماذا قد يختلف اللون قليلاً عن Photoshop؟
يقرأ Canvas البكسل كما يعرضه متصفحك. يمكن أن يؤدي سلوك المتصفح ونطاق العرض وملفات تعريف ألوان الصور المضمنة إلى إنشاء اختلافات صغيرة.
هل يمكنني اختيار الألوان على الهاتف المحمول؟
نعم. على الأجهزة التي تعمل باللمس، اسحب إصبعك عبر الصورة لتحريك علامة التصويب، ثم اضغط أو حرره لقفل اللون.