مولّد لوحة ألوان من الصورة
استخرج لوحة عملية من الألوان السائدة في الصورة وانسخ قيم HEX أو RGB أو CSS أو JSON.
حتى 20 MiB و40 ميغابكسل لكل صورة. تقبل أوراق الاتصال 2–50 صورة بإجمالي حتى 100 MiB. وتضع مخرجات الأيقونات الصورة كاملة داخل مربع بهامش شفاف.
لماذا وُجدت هذه الأداة
من خمس إلى ثماني عينات لونية تكوّن عادةً لوحة عمل مفيدة.
- ✓ 3–10 ألوان
- ✓ HEX/RGB
- ✓ متغيرات CSS
- ✓ JSON
مفيدة لـ
- • إلهام الهوية التجارية
- • تصميم الواجهات
- • سمات العروض التقديمية
حوّل صورة إلى لوحة ألوان قابلة للاستخدام
تكون اللوحة أكثر فائدة حين تساعد في قرار تصميمي حقيقي: اختيار ألوان الواجهة أو ألوان إبراز العروض أو مجموعة صغيرة من العينات المستوحاة من العلامة التجارية.
استخدم الألوان السائدة نقطة انطلاق
تميل لوحات الصور إلى الألوان التي تشغل أكبر عدد من البكسلات. وهذا يجعلها مفيدة للإلهام، لكنها ليست تلقائيًا لوحة واجهة متوافقة مع إمكانية الوصول.
انسخ قيم HEX أو RGB إلى أداة التصميم واختبر التباين بشكل منفصل قبل استخدامها للنصوص أو عناصر التحكم.
أبقِ اللوحة صغيرة
حفنة من الألوان أسهل في الاستخدام من جدار من العينات شبه المتطابقة. ابدأ بمجموعة مدمجة وأضف لون إبراز خاصًا فقط عندما يحتاجه التصميم.
الأسئلة الشائعة
كم لونًا يجب أن تضم لوحة الصورة؟
اللوحة الصغيرة أسهل عادةً. ستة ألوان نقطة بداية عملية، وقد تفيد ألوان أكثر إذا كانت الصورة تضم عدة مناطق بصرية مختلفة.
هل الألوان المستخرجة مناسبة لواجهات يسهل الوصول إليها؟
ليس تلقائيًا. اختبر تباين النصوص وعناصر التحكم بشكل منفصل قبل استخدامها في واجهة.
هل يمكنني الحصول على قيم HEX؟
نعم. توفر أداة اللوحة قيم ألوان مناسبة لـ CSS وأعمال التصميم.
لماذا تبدو بعض ألوان اللوحة مختلفة قليلًا؟
يجمع الاستخراج ألوان البكسلات المتقاربة لتقليل التشويش، لذا فالعينات المعروضة تمثيلية وليست سجلًا لكل بكسل أصلي.