مساحة عمل واحدة لملفات لوحات مختلفة
افتح ملفًا واحدًا أو عدة ملفات، أو أضف ملفات أخرى إلى اللوحة المعروضة. يفهم المحرر صيغة لوحات JSON الخاصة به (مع مصفوفة colors)، وعينات Adobe بصيغتي ASE وACO، والخصائص المخصّصة في CSS، وتعريفات الألوان في SVG، وملفات TXT أو SSS التي تحتوي على قيم بصيغة $AARRGGBB. يظهر كل لون باسمه وقيمته الست عشرية، جاهزًا للنسخ أو إعادة التسمية أو الحذف.
تنظيف اللوحة وترتيبها وتصديرها
- استبعد الأسود والأبيض والرماديات الدقيقة والقيم المكررة.
- استبدل الشفافية بعتامة كاملة عند الحاجة.
- احتفظ بترتيب المصدر، أو رتّب تصاعديًا أو تنازليًا حسب درجة اللون أو التشبع أو السطوع أو السطوع ثم درجة اللون أو النصوع، أو بتجميع موجّه لتصميم الواجهات.
- سمِّ اللوحة ونزّلها بصيغة JSON أو Adobe ASE أو Adobe ACO أو كنظرة عامة بصيغة SVG أو كملف CSS بخصائص مخصّصة.
من الاستيراد إلى اللوحة الجاهزة
- اختر ملفًا مدعومًا أو أكثر، وأضف ملفات أخرى لاحقًا إذا أردت ضمّها إلى اللوحة نفسها.
- حدّد الاستثناءات واختر طريقة الترتيب واتجاهه.
- راجع العينات، وعدّل الأسماء، وانسخ القيم أو احذف الألوان حسب الحاجة.
- أدخل اسمًا للوحة.
- نزّل النتيجة بصيغة JSON أو ASE أو SVG أو ACO أو CSS.
لمن صُمّمت الأداة
للمصممين ومطوري الواجهات والرسامين وكل من يحتاج إلى فحص مجموعة ألوان أو تنظيفها أو تحويلها دون تثبيت برنامج سطح مكتب. تساعد المعرفة الأساسية بملفات اللوحات أو الأنماط، لكن عرض العينات المرئي يجعل المراجعة والتحويل البسيطين سهلين دون خبرة متخصصة. من الاستخدامات المعتادة جمع عينات من عدة ملفات في ملف تسليم واحد، أو تحويل ألوان ASE أو ACO إلى خصائص CSS مخصّصة لمشروع ويب، أو استخراج الألوان من متغيرات CSS أو من رسم SVG.
معالجة محلية وحدود واضحة
تُقرأ ملفات اللوحات وتُعالَج بالكامل في المتصفح ولا يُرفع محتواها إلى أي خادم؛ وتُنشأ الملفات المصدّرة محليًا ثم ينزّلها المتصفح. يحمّل التطبيق جميع ملفاته، بما فيها الخطوط، من عنوانه الخاص، ولا يرسل أي طلبات إلى أطراف ثالثة. تُحفظ اللغة والمظهر وإعدادات المعالجة في التخزين المحلي للمتصفح، أما اللوحات المستوردة فتبقى في الذاكرة طوال جلسة الصفحة فقط ولا يحفظها التطبيق بعد إغلاقها. لا تُضمَّن اللوحة ولا الإعدادات في الرابط، لذا تُشارك النتائج بإرسال الملف المصدَّر.
لا يمكن إنشاء ألوان جديدة من الصفر؛ نقطة البداية دائمًا ألوان موجودة في الملفات المستوردة. يقرأ استيراد CSS تعريفات الخصائص المخصّصة ويدعم القيم الست عشرية وrgb() أو rgba() المفصولة بفواصل وأسماء ألوان CSS، لكنه لا يقيّم أوراق الأنماط أو المتغيرات أو التدرجات أو hsl() أو صياغة الألوان الحديثة المفصولة بمسافات. ويستخرج استيراد SVG القيم المدعومة من سمات fill وstroke وcolor أو من تعريفات النمط المضمّنة، دون معالجة أوراق الأنماط المرتبطة أو مصادر الطلاء مثل التدرجات أو الألوان الموروثة والمحسوبة. تُحوَّل ألوان Adobe غير RGB إلى RGB للتحرير والتصدير، فلا تُحفظ بيانات نموذج الألوان الأصلي ولا البيانات الوصفية للألوان الخاصة. تحدّ ذاكرة المتصفح وسرعته من التعامل مع الملفات الكبيرة جدًا أو المعقدة، ولا يوجد حساب أو تخزين سحابي أو مزامنة أو تحرير جماعي. يتطلب نسخ القيم إذن الحافظة أو سياقًا آمنًا في المتصفح. الواجهة متاحة بـ21 لغة وبمظهر فاتح أو داكن أو تابع للنظام.
تستخدم عناصر الرفع والتصفية والترتيب والتسمية والتصدير الرئيسية عناصر نماذج HTML موسومة يمكن الوصول إليها بلوحة المفاتيح، وتعرض أزرار المظهر حالة الضغط. لكن بعض التفاعلات تظل معتمدة على المؤشر: العينة نفسها قابلة للنقر لكنها ليست عنصر تحكم يمكن بلوغه بلوحة المفاتيح، ولا تُعرض اللوحة الناتجة كجدول بيانات منظّم لقارئات الشاشة. كما لا تستجيب حركات الواجهة حاليًا لتفضيل تقليل الحركة.
ميزات تستحق الاستكشاف
ابدأ بهذه الإمكانات، ثم انتقل إلى الدليل الكامل لكل التفاصيل.