لوحة الألوان والتباين

قل «لوحة ألوان من الاتجاه 2» أو «هل تجتاز هذه الألوان فحص التباين؟». تستدعي المهارة gobanana-palette الأداة extract_palette وتضع الألوان على اللوحة كعينات ألوان.

من أين تأتي الألوان

تختار الصور أنت، أو يختارها الوكيل:

1. المراجع التي سميتها أو أعجبتك؛
2. وإلا فعناصر الاتجاه الذي تقصده. صف Art direction (الاتجاه الفني) مصدر جيد: يحمل لون الفكرة (النسيج، أحبار الريزو). ولا بأس بخلط عناصر الفن والواجهات من اتجاه واحد؛
3. وإلا فكل المراجع على اللوحة.

حتى 12 صورة في كل استدعاء. تضم لوحة الألوان من 5 إلى 9 ألوان (6 افتراضيا).

كيف تحسب

1. يحمل الخادم صورة مصغرة لكل صورة في الذاكرة، من مضيف صور مسموح به.
2. تجد خوارزمية تكميم median cut الألوان الرئيسية. دون ذكاء اصطناعي.
3. تحذف الصور المصغرة فور حساب الألوان. لا يحفظ شيء.
4. يحصل كل لون على دور حسب درجة الإضاءة والتشبع في OKLCH ومساحة ما يغطيه من الصور: primary، secondary، accent، neutral، surface، on-surface.
5. يفحص كل لون مقابل لون السطح ولون ما فوق السطح والأبيض والأسود.

Ship أو Explore

الوسم	القاعدة	استخدمه لـ
ship	يبلغ الزوج 4.5:1، وهو الحد الأدنى في WCAG 2.2 للنص العادي (SC 1.4.3)	النص وكل ما يجب أن يقرأ على الصفحة الجامحة
explore	أقل من 4.5:1	المزاج، المساحات الزخرفية الكبيرة، أعمال الفكرة. لا يستخدم أبدا لنص المحتوى

يذكر كل زوج أيضا ما إذا كان يبلغ 3:1، وهو الحد الأدنى لأجزاء الواجهة مثل الأيقونات والحدود وحلقات التركيز (SC 1.4.11). قد يكون الزوج explore للنص ومع ذلك مناسبا لأيقونة.

لوحة الألوان الجامحة explore افتراضيا من حيث الروح: تخدم صفحة واحدة، لا منتجك كله. تحصل عينات الألوان على اللوحة على ship عندما يكون لونها جزءا من زوج واحد ناجح على الأقل.

مثال على الرد

شكل رد الأداة، مختصرا، مع قيم للمثال:

Palette of 6 colors:
- #f4f1ea oklch(95.6% 0.011 84.6) (surface)
- #1d2a5c oklch(29.5% 0.084 270.2) (on-surface)
- #2f5bd3 oklch(52.1% 0.18 264.1) (primary)
...
5 of 18 contrast pairs pass 4.5:1 for text (ship); the rest are explore only.
- #1d2a5c on #f4f1ea: 12.4:1
Added 6 swatches to the canvas.

تحوله المهارة إلى جدولين (لوحة الألوان مع الأدوار، ثم التباين بعمود للنص وعمود للواجهة) وتقترح في أي اتجاه تحرك درجة الإضاءة في OKLCH لإنقاذ أفضل ألوان explore. هذه الاقتراحات تحتاج إلى فحص جديد.

إلى أين تذهب لوحة الألوان بعد ذلك

• ملفات التسليم تنص على أن ألوان ship وحدها تحمل النص. انظر التسليم.
• الرموز وسمة Tailwind (Pro، gobanana-asset-kit): رموز تتجاوز رموزك لهذه الصفحة، مع حتى 4 تدرجات آمنة مبنية من أزواج ship فقط، حتى يبقى النص مقروءا على امتداد التدرج.
• DESIGN.md: تأخذ مقدمته ألوان ship فقط، وتبقى ألوان explore في النص بوصف «للفكرة فقط».

عندما تتخطى الصور

تسرد extract_palette كل عنصر تخطته مع السبب:

السبب	ما تفعله
not an image item on this canvas	مرر معرفات عناصر الصور من get_canvas
its image host is not on the allowlist	اختر مرجعا من مصدر آخر
its format (for example WebP) is not supported yet	اختر عنصرا آخر
the image is too large / took too long to load	اختر عنصرا آخر، أو أعد المحاولة

إذا لم تقرأ أي صورة، فلا توجد لوحة ألوان، وتشرح الرسالة السبب لكل عنصر.