أداة استخراج لوحة الألوان
استخرج الألوان المهيمنة من أي صورة بصيغ HEX وRGB وHSL, مجاناً وبخصوصية.
كيفية استخدام هذه الأداة
استخرج لوحة ألوان من أي صورة
مستخرج ألوان الصور مجانا يحلل صورة أو تصميماً ويستخرج الألوان السائدة. أفلت الصورة واحصل على لوحة فورية مرتبة بحسب التكرار، وانسخ قيمة HEX أو RGB أو HSL لكل لون بنقرة واحدة.
ما الذي ستحصل عليه
- الألوان السائدة مرتبة حسب تغطية البكسلات
- قيم HEX وRGB وHSL لكل لون
- نسخ بنقرة واحدة لأدوات التصميم وCSS
استخدامات شائعة
- بناء لوحة هوية بصرية من شعار أو صورة
- مطابقة ألوان الواجهات مع صورة مرجعية
- اختيار ألوان الطباعة أو الدهان من صورة
يجري التحليل داخل متصفحك على نسخة مصغّرة في canvas, الصورة بالدقة الكاملة لا تغادر جهازك أبداً.
كيف يعمل استخراج اللوحات
تُرسم الصورة على canvas مصغّر وتُكمَّم بكسلاتها في مجموعات لونية، ثم تُرتَّب الألوان الأكثر تمثيلاً بحسب التكرار والمسافة البصرية. تعكس النتيجة ما تراه العين فعلاً بدل قائمة أبجدية بكل درجة. ويمكن نسخ كل عيّنة بصيغة HEX أو RGB أو HSL للصقها في CSS أو أدوات التصميم أو مواصفات الطباعة.
الإمكانات والقيود
| الخاصية | السلوك |
|---|---|
| الإدخال | JPG وPNG وWebP وصور أخرى يقرأها المتصفح |
| الإخراج | عيّنات مرتبة بقيم HEX وRGB وHSL |
| الترشيح | نسخة canvas مصغّرة: سريعة حتى مع الصور الكبيرة |
| النسخ | نقرة واحدة لكل قيمة لون |
| المعالجة | 100% في المتصفح؛ الأصل لا يغادر الجهاز |
| التكلفة | مجاناً، بدون حساب وبدون علامة مائية |
الخصوصية: الصور تُحلَّل محلياً
لوحات الإلهام ومخططات العملاء وصور المنتجات غالباً سرية: تُقرأ الصورة محلياً وتُعالج نسخة مصغّرة في الذاكرة فقط. لا إرسال ولا تخزين ولا تسجيل.
بناء لوحات قابلة للاستخدام
- ابدأ بصورة نظيفة عالية التباين لألوان أكثر تمثيلاً.
- تعامل مع القائمة كنقطة انطلاق ثم اضبط تباين الوصولية.
- احتفظ بـ4-6 ألوان للوحة العلامة التجارية.
- انسخ HEX للشاشات وتحويلات CMYK لفحوص الطباعة.
- أعد الاستخراج بعد تعديل الصورة للتأكد من اللوحة.
اقرأ أيضاً كل أدوات الصور لمنتقي الألوان والضغط والتحويل.
نظرية الألوان: الهيمنة والتباين والتوليفات الميسّرة
تصبح اللوحة المستخرجة أنفع عندما تعرف دور كل لون. تنتج معظم الصور لوناً مهيمناً أو اثنين يغطيان أكبر مساحة، وعدة درجات ثانوية، وقليلاً من ألوان التمييز عالية التشبع. وتجميعها بهذه الطريقة يجعل التصميم متماسكاً: استخدم الدرجة المهيمنة للمساحات الكبيرة، والثانوية للبطاقات والحدود، واحفظ ألوان التمييز للأزرار والروابط. والتباين هو ما يحدد قابلية القراءة. توصي إرشادات WCAG بنسبة تباين 4,5:1 على الأقل للنص العادي و3:1 للنص الكبير؛ وقد يفشل لونان يبدوان مختلفين على الشاشة لأن النسبة تحكمها السطوع المدرك لا درجة اللون. وتعرض الأداة القيم التي تحتاجها لفحص هذا الازدواج، وغالباً يكفي استبدال لون تمييز فاتح بدرجة أغمق من اللون نفسه. وتذكر أن اللون ليس القناة الوحيدة: لا ترمز للمعنى باللون وحده أبداً، لأن نحو واحد من كل اثني عشر رجلاً لديه شكل من ضعف رؤية الألوان. كما تحمل الصور مزاجاً, فاللوحات الدافئة تبدو مفعمة بالطاقة والباهتة هادئة, لذا خذ العينة من صورة تطابق الرسالة لا من أول نتيجة. ويجري الاستخراج في متصفحك، فتبقى أعمال العملاء وصور المنتجات غير المنشورة خاصة.
وللاستخدام العملي صدّر اللوحة بصيغة CSS أو JSON لتدخل مباشرة في نظام التصميم بدل إعادة إدخال القيم يدوياً.
ويمكن تعديل أي لون قبل التصدير لتقريب اللوحة من هوية العلامة التجارية، كما يمكن حفظ اللوحة للرجوع إليها لاحقاً.
الأسئلة الشائعة
كيف يعمل الاستخراج؟ +
أداة مستخرج ألوان الصور مجانا تصغّر الصورة في canvas وتجمّع البكسلات المتشابهة محليا.
ما الصيغ التي يمكن نسخها؟ +
كل لون يوفر HEX وrgb() وhsl(). انقر للنسخ أو صدّر كـ CSS.
هل صورتي خاصة؟ +
نعم. الملف لا يغادر جهازك أبدا.