الألوان السائدة كمتغيرات CSS
استورد صورة وأنشئ مباشرةً كتلة متغيرات CSS (:root {}) تحتوي على ألوانها السائدة، جاهزة للصق في ملف الأنماط.
كيف يعمل
تحلل الأداة توزيع ألوان الصورة بواسطة مخطط بياني وتحتفظ بالدرجات الأكثر تكرارًا، مرتبةً من الأكثر سيادة إلى الأقل تكرارًا. ثم يُنسَّق كل لون في صورة متغير CSS مرقّم (--color-1 و--color-2 وهكذا) ضمن كتلة :root قابلة للنسخ مباشرةً.
هل يمكنني إعادة تسمية المتغيرات المولّدة؟
نعم، فالاسم العام --color-N نقطة انطلاق محايدة: بعد لصقه في ملف الأنماط، أعد تسمية كل متغير بحسب استخدامه الفعلي (مثل --color-primary و--color-accent) لشيفرة أسهل قراءة.
كم لونًا ينبغي أن أستخرج؟
لهوية بصرية بسيطة تكفي عادةً 3 إلى 5 ألوان (لون سائد، ولون مميّز، ودرجة محايدة أو اثنتان). ويفيد عدد أكبر إذا أردت التقاط كامل ثراء الصورة لاستخدام زخرفي أكثر.
معالجة محلية 100%: يتم استخراج اللوحة بالكامل داخل متصفحك — لا تُرسل صورتك إلى أي خادم أبدًا.