دليل Slop Colors
البدء مع Slop Colors
Slop Colors أداة واحدة تجمع منتقي الألوان وصانع اللوحات ومدقق التباين. تُقرأ الصور واللوحات في متصفحك ولا تُرفع أبداً.
الصفحة
في الأعلى يظهر اللون الحالي، مع قيمته بصيغ HEX وRGB وHSL وOKLCH وCMYK، وزر نسخ لكل صيغة. وتحته أربع بطاقات: التقاط من صورة، واللوحة، ومُنشأ من هذا اللون، وفحص التباين.
تحتوي اللوحة على يمين الصفحة على حقول اللون، وما يُنشأ منه، وعدد الألوان التي تُلتقط من الصورة، والتصدير. وعلى الهاتف تظهر كورقة من الأسفل: اضغط الإعدادات لفتحها.
التقاط ألوان من صورة
- أفلت صورة على الصفحة، أو انقر فتح صورة….
- مرّر المؤشر فوق الصورة وانقر لالتقاط لون؛ تُظهر العدسة المكبّرة البكسلات تحت المؤشر.
- استخدم مفاتيح الأسهم لتحريك بكسل واحد في كل مرة، وEnter لإضافة اللون إلى اللوحة.
- انقر إضافة الكل إلى اللوحة للاحتفاظ بالألوان الرئيسية للصورة.
نصيحة: في Chrome وEdge، يلتقط خيار التقاط من الشاشة لوناً من أي مكان على شاشتك.
بناء اللوحة
- انقر إضافة هذا اللون لإضافة اللون الحالي.
- اختر تناسقاً وتدرجاً في اللوحة، ثم استخدم ذلك كلوحة أسفل أحد الصفوف.
- أسفل كل لون في اللوحة، يحرّكه السهمان ‹ و› ويسمّيه ✎ ويحذفه ×.
فحص التباين
اكتب لون نص وخلفية، أو استخدم "استخدام كلون للنص" و"استخدام كخلفية" في اللوحة. تظهر النسبة ومستويات WCAG فوراً، و"تعديل لون النص" يجد أقرب لون يحقق المستوى AA.
التصدير والحفظ
- أعطِ اللوحة اسماً، واختر التنسيق ضمن التصدير.
- انقر تنزيل اللوحة أو نسخ الشيفرة أو حفظ في Slop Drive…؛ و"فتح في…" يرسل الملف إلى تطبيق آخر.
- لفتح لوحة مرة أخرى، أفلت ملف .gpl أو .ase أو .json أو .css الخاص بها على الصفحة.