ما الذي تفعله الأداة
تستخرج الأداة لوحة ألوان من صورة محليًا في المتصفح. تعرض HEX وRGB وHSL، وتتيح لك نسخ لون واحد أو سطر اللوحة أو متغيرات CSS للتصميم والمواقع ومواد العلامة التجارية.
طريقة الاستخدام
- ارفع صورة JPG أو PNG أو WebP أو صيغة صورة أخرى يدعمها متصفحك.
- اختر عدد الألوان ودقة التحليل.
- انسخ لونًا واحدًا أو اللوحة كاملة أو متغيرات CSS.
كيف يتم اختيار الألوان
تصغّر الأداة الصورة إلى حجم آمن، وتقرأ البكسلات عبر Canvas، ثم تجمع الدرجات المتقاربة في مجموعات لونية. تصبح المجموعات الأكثر ظهورًا هي اللوحة، وتُدمج الدرجات المتشابهة جدًا حتى تكون النتيجة مفيدة للتصميم وليست قائمة بألوان شبه متطابقة.
تؤثر دقة التحليل في السرعة والتفاصيل. الوضع السريع مناسب للصور الكبيرة والمسودات، أما التحليل الأدق فيفيد عندما تكون اللمسات الصغيرة أو ألوان العلامة أو الرسوم المعقدة مهمة.
استخدام اللوحة في التصميم
يعرض كل لون بصيغ HEX وRGB وHSL، لذلك يسهل نقله إلى Figma أو CSS أو عرض تقديمي أو دليل علامة تجارية. يمكنك نسخ لون واحد أو سطر اللوحة كاملًا أو متغيرات CSS جاهزة.
إذا كانت الخلفية تسيطر على الصورة، فقم بتضمينها أو استبعادها حسب المهمة. في بطاقة منتج تكون الخلفية غالبًا تشويشًا، أما في moodboard أو غلاف فقد تكون جزءًا من الإحساس البصري.
القيود والخصوصية
لا تُرفع الصورة إلى خادم: يتم التحليل في المتصفح. هذا مناسب لنماذج العملاء والمراجع والمواد الداخلية التي لا تريد إرسالها إلى خدمة خارجية.
اللوحة تقريب وليست قياسًا لونيًا معتمدًا. التدرجات والضجيج والشفافية وضغط JPEG وملفات ألوان الشاشة قد تؤثر في النتيجة، لذلك استخدم المواصفات الأصلية للطباعة أو لضبط العلامة بدقة.