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