حول أداة مولّد لوحة الألوان
يستخرج مولّد لوحة الألوان الألوان الرئيسية من أي صورة ويحوّلها إلى لوحة جاهزة للاستخدام فورًا. يمنحك قيم HEX وRGB وHSL، وتناسقات الألوان المناسبة، وكود CSS جاهزًا للصق.
كيف تعمل الأداة
تُؤخذ عيّنات من الصورة ويُعامَل كل بكسل كنقطة في فضاء الألوان. تجمع خوارزمية التجميع k-means الألوان المتشابهة وتجد مركز كل مجموعة، أي اللون الذي يمثلها أفضل تمثيل. تُرتَّب اللوحة حسب المساحة التي يغطيها كل لون من الصورة، فتظهر الدرجات السائدة أولًا.
من أي عيّنة يمكنك استكشاف تناسقات الألوان المبنية على دائرة الألوان. يقع اللون المتكامل في الجهة المقابلة، والألوان المتجاورة هي جيرانه، والمجموعة الثلاثية هي ثلاثة ألوان موزعة بالتساوي حول الدائرة. ويمكنك أيضًا النقر في أي مكان من الصورة لالتقاط البكسل الموجود تحت المؤشر بالضبط.
استخداماتها
- تصميم العلامات التجارية والمواقع: ابنِ مخطط ألوان من شعار أو صورة منتج أو لوحة إلهام.
- تنسيق المرئيات: اختر ألوان النصوص والأزرار التي تتلاءم مع صورة رئيسية.
- مشاريع الديكور والأزياء والفن: التقط لوحة ألوان صورة تحبها.
- المطورون: انسخ خصائص CSS المخصصة مباشرة إلى ملف الأنماط أو إلى رموز التصميم.
نصائح لأفضل النتائج
- اطلب 5 إلى 6 ألوان للحصول على لوحة صالحة لواجهة مستخدم. واستخدم عددًا أكبر لالتقاط الدرجات الدقيقة في صورة فوتوغرافية.
- الصور ذات المساحات المسطحة الكبيرة (الرسوم التوضيحية والشعارات) تعطي لوحات نقية جدًا، بينما تعطي الصور الفوتوغرافية درجات أكثر طبيعية وهدوءًا.
- تحقق من تباين أزواج النص والخلفية؛ فاللوحة الجميلة ليست دائمًا سهلة القراءة.
- حمّل اللوحة كصورة PNG لمشاركتها مع العملاء أو حفظها في ملفات التصميم.