أداة اقتراح تنسيقات الألوان

مولّد احترافي لتنسيق الألوان، يدعم أنماطًا متعددة مثل اللون الأحادي والألوان المتكاملة والمجموعات الثلاثية، مع إمكانية إنشاء مخططات ألوان دفعة واحدة وتصديرها.

الإبلاغ عن خطأ

وضع التنفيذ في المتصفح: تُعالج بياناتك في متصفحك ولا تُرفع إلى الخادم.

السرعة والاستقرار: تعتمد سرعة المعالجة على جهازك ومتصفحك. للأعمال الدفعية الكبيرة، قد يكون إصدار سطح المكتب أكثر استقرارًا.

جارٍ تحميل الأداة، يرجى الانتظار...

إذا تعذر تحميل الأداة عبر الإنترنت أو تشغيلها، جرّب أداة سطح المكتب. https://tools.yikeaigc.com/

استخدام الأداة

العودة إلى الإصدار القديم

اضبط أولاً، ثم عالج

حدّد اللون الرئيسي وقواعد التناسق أولًا، ثم أنشئ مخططًا قابلًا للتصدير

ابدأ سريعًا بألوان نموذجية أو أدخل HEX لاختيار دقيق. لكل خطوة زر التالي، وبعد الإعداد يمكنك الإنشاء والحفظ والتنزيل.

HEX / RGB / HSL / CMYK أحادي / متكامل / ثلاثي CSS / SCSS / JSON / PNG الإعدادات قابلة للحفظ

اللون الرئيسي الحالي انقر على قيمة اللون لنسخها

HEX

RGB

HSL

إعداد اللون الرئيسي

يرجى ضبط اللون الرئيسي أولًا. استخدم منتقي الألوان أو حقل HEX أو منزلقات HSL، وسيُحدَّث المخطط فورًا.

اللون الأساسييدعم HEX من 6 خانات

قيمة لون HEX مثال: #0F6FAE

CMYK

ضبط HSL دقيقمناسب لضبط تدرج اللون والتشبع والسطوع

تدرج اللون205°

التشبع78%

السطوع37%

تسمية المخطط

ألوان نموذجيةيمكنك المتابعة بالضبط بعد النقر

قواعد التناسق

اختر نموذج تناسق، ثم اضبط عدد الألوان وإزاحة الفاتح/الداكن. يُنصح بإنشاء مرة بالإعدادات الافتراضية ثم الضبط حسب التصميم.

نموذج التناسقالألوان المتشابهة تناسب أسلوبًا موحدًا وهادئًا

معلمات التوليداضبط المعلمات أولًا، ثم عاين

عدد الألوان

زاوية الجوار24°

إزاحة التشبع0%

إزاحة السطوع0%

تحييد8%

طريقة الفرز

نوع التدرج

زاوية التدرج90°

معاينة وضبط

تحقق من رمز كل لون، وقراءة النص، ومعاينة الواجهة. انقر أي قيمة لون لنسخها.

نظام الألوان5 ألوان

معاينة الواجهةلتحديد الأولوية بسرعة

كود التدرجيمكن نسخه مباشرة إلى CSS

حفظ وتصدير

يمكن تصدير المخطط الحالي أو توليد عدة مخططات دفعةً واحدة. تُعرض أول 20 نتيجة فقط، ويشمل التنزيل كل النتائج.

خيارات الدُفعاتاضبط العدد حسب الحاجة

عدد المخططات

مدى التغيير

محتوى التصديرللملفات والأكواد

HEX RGB HSL CMYK

JSON CSS SCSS PNG

إجراء التنزيلسيضم ZIP كل نتائج الدفعة

نتائج الدفعةلم يتم التوليد دفعةً بعد

أكمل أولًا إعداد اللون الأساسي وقواعد الألوان، ثم انقر "توليد دفعة".

المخططات المحفوظة0 عنصر

ستظهر المخططات المحفوظة هنا، ويمكن إعادة تطبيقها أو حذفها.

التعليمات

إرشادات استخدام البرنامج

تعيين اللون الرئيسي: في «إعداد اللون الرئيسي»، استخدم منتقي الألوان أو حقل إدخال HEX أو منزلقات HSL لتعيين اللون الأساسي، ويمكنك أيضًا النقر على لون نموذجي لتحميله بسرعة.
اختيار قاعدة تنسيق الألوان:
- أحادي اللون: يولّد درجات فاتحة وداكنة بناءً على نفس درجة اللون، ومناسب للتصميمات ذات النمط الموحد.
- ألوان متشابهة: يختار درجات ألوان متجاورة، ومناسب لتأثيرات بصرية ناعمة ومتدرجة.
- ألوان متكاملة: يستخدم الألوان المقابلة على عجلة الألوان، ومناسب لإبراز الأزرار والعناوين والمحتوى المهم.
- تكامل مقسّم: يضيف لونًا مخففًا إلى علاقة التباين، ومناسب لصور الحملات والمواد البصرية الترويجية.
- مجموعة ثلاثية، مجموعة رباعية، ألوان مربعة: مناسبة للمخططات ووسوم التصنيف والواجهات متعددة الوحدات.
- ألوان محايدة: مناسبة لصفحات الأعمال وواجهات الأدوات وتصميمات المستندات.
ضبط معلمات التوليد: عيّن عدد الألوان وزاوية التقارب وإزاحة التشبع وإزاحة السطوع ونسبة التحييد وطريقة الترتيب وزاوية التدرج.
معاينة لوحة الألوان: انتقل إلى «المعاينة والضبط الدقيق» لعرض معلومات HEX وRGB وHSL والتباين لكل لون، وانقر على زر قيمة اللون لنسخها.
حفظ اللوحة والإعدادات: انقر على «حفظ اللوحة الحالية» لإضافة لوحة الألوان إلى المفضلة، وانقر على «حفظ الإعدادات» لحفظ المعلمات الحالية لتسهيل استخدامها لاحقًا.
التوليد الدفعي: انتقل إلى «الحفظ والتصدير» لتعيين عدد اللوحات ومقدار التغيير، ثم انقر على «توليد دفعي» لإنشاء عدة لوحات ألوان. تعرض الواجهة أول 20 لوحة، وسيشمل التنزيل جميع النتائج.
تصدير الملفات: يمكنك تنزيل ملفات JSON وCSS وSCSS وPNG كلٌ على حدة، أو اختيار محتوى التصدير ثم تنزيل حزمة ZIP مضغوطة.

الأسئلة الشائعة

ج: أحادي اللون مناسب لتوسيع الهوية البصرية والواجهات البسيطة؛ الألوان المتشابهة مناسبة للصفحات الناعمة والموحدة؛ الألوان المتكاملة مناسبة لإبراز المعلومات المهمة؛ المجموعة الثلاثية مناسبة للمخططات والتخطيطات متعددة الوحدات؛ الألوان المحايدة مناسبة لأدوات الأعمال وسيناريوهات المستندات.

ج: أدخل رمز اللون في حقل HEX، مثل #0F6FAE، وستقوم الأداة بتحديث منتقي الألوان ومنزلقات HSL ومعاينة لوحة الألوان بالتزامن. يمكنك أيضًا إجراء ضبط دقيق باستخدام منزلقات درجة اللون والتشبع والسطوع.

ج: ينشئ ملف CSS أكواد ألوان بصيغة متغيرات يمكن استخدامها في أنماط صفحات الويب؛ أما ملف SCSS فهو مناسب لمشاريع Sass. يسهّل كلا التنسيقين إعادة الاستخدام في أنظمة التصميم وتبديل السمات وأنماط المكوّنات.

ج: يعتمد الإنشاء الدفعي على اللون الأساسي الحالي وقواعد تنسيق الألوان ومقدار التغيير، ويُجري إزاحات مناسبة في تدرّج اللون والتشبّع والسطوع، للحصول على مجموعات متعددة من مخططات ألوان مترابطة في الأسلوب لكنها غير متكررة.

ج: تُسجَّل المخططات المحفوظة في التخزين المحلي للجهاز الحالي. بعد مسح بيانات الموقع أو تغيير الجهاز، قد لا تستمر المخططات المحفوظة سابقًا في الظهور، لذا يُنصح بتصدير الملفات للمخططات المهمة في الوقت المناسب.

ج: لا. تتم عمليات حساب الألوان وحفظ المخططات وإنشاء الملفات كلها على الجهاز الحالي، ولا يتم رفع اللون الأساسي أو المخططات أو محتوى التصدير إلى الخادم.

الإجابة: اعرض تباين النص الأبيض وتباين النص الداكن لكل لون في «معاينة الضبط الدقيق». كلما زادت القيمة، أصبحت قراءة النص أوضح. عند استخدامه كخلفية للنص الأساسي، يُنصح باختيار لون نص ذي تباين أعلى.