إنشاء لوحة ألوان من صورة
أنشئ لوحة من 1 إلى 20 لونًا بأخذ عينات من صورة، ثم صدّر CSS أو الكود أو SVG أو PNG. تتم المعالجة محليًا داخل متصفحك.
ابدأ الاستخدام
ميزات الأداة وتفاصيلها
أخذ العينات حسب الموضع
تعتمد الأداة على أخذ عينات من مواضع محددة في الصورة، وليس على تجميع الألوان أو حساب الألوان السائدة رياضيًا. قد تتكرر نقاط البداية العشوائية أو تفوت مناطق صغيرة، لذا يُنصح بالنقر يدويًا على المناطق المهمة قبل تصدير لوحة إنتاجية.
مثال عملي
لنفترض أنك رفعت صورة لغروب شمس وترغب في استخراج 5 ألوان. بعد تحميل الصورة، تُضاف 10 ألوان من مواضع عشوائية عند السعة الابتدائية. اضبط العدد إلى 5، ثم انقر على السماء البرتقالية والبحر الأزرق والرمال الذهبية. ستلاحظ أن اللوحة تحتفظ بآخر 5 ألوان تم اختيارها، وعند النقر على لون سادس يُحذف أقدم لون تلقائيًا.
القيود المعروفة
- يُسمح بتحميل صورة واحدة فقط بحد أقصى 25 MiB و24 مليون بكسل مفكوك.
- تُصغّر لوحة العرض إلى 1050×720 بكسل كحد أقصى، وتُقرأ العينات من لوحة العرض المصغّرة نفسها، لا بالدقة الأصلية. قد يؤثر التصغير وتحويل الألوان في القيم.
- لا تضمن الأداة دقة الألوان السائدة؛ فهي مجرد عينات موضعية.
الأسئلة الشائعة
هل يمكنني تغيير عدد الألوان بعد بدء أخذ العينات؟
نعم، يمكنك ضبط عدد الألوان من 1 إلى 20 في أي وقت قبل التصدير. عند تقليل العدد، تُحذف الألوان الزائدة من نهاية القائمة.
ماذا يحدث إذا نقرت على أكثر من العدد المحدد؟
عند امتلاء اللوحة، يُحذف أقدم لون تلقائيًا ليحل محله اللون الجديد، بحيث تبقى اللوحة دائمًا ضمن العدد المحدد.
هل يمكنني تصدير اللوحة بصيغة PNG؟
نعم، توفر نافذة التصدير خيار PNG إلى جانب SVG وCSS والتمثيل البرمجي. يمكنك نسخ المحتوى أو تنزيله حسب الصيغة.
قائمة التحقق قبل التصدير
- تأكد من أن الصورة لا تتجاوز الحدود المسموحة.
- اضبط عدد الألوان المطلوب.
- انقر يدويًا على المناطق المهمة لضمان شمولية اللوحة.
- راجع الألوان المحددة وترتيبها قبل التصدير.
لا يُحفظ ألفا؛ تُصدّر اللوحة بألوان RGB معتمة. الصورة الحمراء بالكامل تعطي عشر قيم متكررة #FF0000 عند السعة الابتدائية، فلا تُزال التكرارات ولا تُحسب مجموعات الألوان السائدة.
زيادة السعة لا تملأ الأماكن الجديدة تلقائيًا. تقليلها يحذف من نهاية القائمة، بينما أخذ عينة جديدة عند امتلائها يحذف أقدم لون. تظهر علامة آخر موضع فقط.
يحتوي CSS على متغيرات صحيحة داخل :root ومراجع SCSS داخل التعليقات. يعرض Code قائمة مفصولة بفواصل ومصفوفة بدون #. يمثّل SVG وPNG لوحة الألوان. المسح يزيل الصورة والألوان ويعيد السعة إلى 10؛ تغيير الصورة يحفظ السعة ويأخذ عينات عشوائية جديدة.
تتم المعالجة محليًا داخل متصفحك.