Design Tools
مولد لوحات الألوان
أعجبك مزاج صورة؟ اسحب ألوانها الستة المهيمنة بنقرة واحدة وأسقطها مباشرة في تصميمك التالي.
كيفية توليد لوحة ألوان
- 1.ارفع صورة: أي صورة أو عمل فني أو لقطة شاشة تنفع - الصور الملونة تعطي أفضل اللوحات.
- 2.ولّد اللوحة: تأخذ الأداة عينات من الصورة وتكمّم بكسلاتها إلى 6 ألوان مهيمنة.
- 3.انقر للنسخ: انقر أي عينة لنسخ رمز HEX فورًا.
- 4.انسخ متغيرات CSS: استخدم الزر لالتقاط الألوان الستة كخصائص CSS مخصصة جاهزة للصق.
- 5.حمّل الشريط: احفظ اللوحة كشريط PNG لمشاركتها مع العملاء أو الزملاء.
مولد لوحات الألوان المزايا
6 ألوان مهيمنة
التكميم الذكي يجد الألوان التي تحدّد صورتك فعلًا.
نسخ HEX بالنقر
انقر أي عينة لنسخ رمز HEX إلى حافظتك.
تصدير متغيرات CSS
زر واحد ينسخ الألوان الستة كخصائص مخصصة من --color-1 إلى --color-6.
تنزيل شريط PNG
احفظ صورة شريط لوحة قابلة للمشاركة للوحات المزاج والعروض.
إعادة توليد فورية
ارفع صورة أخرى واحصل على لوحة جديدة في ثوانٍ.
خاص 100%
تحليل البكسلات يعمل محليًا في متصفحك. لا تُرفَع الصور أبدًا.
مولد لوحات الألوان الأسئلة الشائعة
كيف يجد مولد اللوحات الألوان المهيمنة؟
تأخذ عينات من آلاف البكسلات في صورتك، وتجمع الألوان المتشابهة معًا (التكميم)، وترتبها حسب تكرار ظهورها - فيمثّل الفائزون الستة الصورة حقًا.
لماذا ألواني الستة متشابهة جدًا؟
الصور ذات النطاق اللوني الضيق (مثل منظر ضبابي) تنتج طبيعيًا درجات متشابهة. جرّب صورة أكثر ألوانًا للوحة أكثر تنوعًا.
ماذا يمنحني "النسخ كمتغيرات CSS"؟
مقتطف جاهز للصق مثل :root { --color-1: #a3b18a; ... } يمكنك إسقاطه في أي ورقة أنماط والإشارة إليه في كل CSS الخاص بك.
هل يمكنني استخدام هذه اللوحات تجاريًا؟
نعم - الألوان لا تُحمى بحقوق النشر، والأداة تقرأ البكسلات فقط من صورتك الخاصة. استخدم اللوحات في أي مكان.
هل تُرفَع صوري؟
لا. يعمل التحليل بالكامل في متصفحك على canvas. لا تغادر صورك جهازك أبدًا.