ماذا تفعل الأداة؟
لماذا تستخدم مولّد ألوان عشوائية؟
وضع اللوحة وعجلة الألوان
تثبيت لون واستبداله وتغيير العدد
مزامنة خلفية الصفحة
نسخ الأكواد وتنزيل الملفات
معاينة الواجهة المباشرة
شرح الميزات
لوحات عشوائية من 2 إلى 10 ألوان
ينشئ زر «توليد عشوائي» أو مفتاح المسافة لوحة جديدة. الألوان عشوائية تمامًا، لذا قد لا تتناسق بعض التركيبات.
تثبيت لون واستبداله منفردًا
ثبّت لونًا للاحتفاظ به عند التوليد التالي أو استخدم التحديث لتغيير عينة واحدة، وبذلك تبني اللوحة تدريجيًا.
قيم HEX وRGB وHSL
انقر قيمة في البطاقة لنسخها. تعرض البطاقة hue وsaturation بصيغة HSL، ويتضمن النص المنسوخ قيمة الإضاءة أيضًا.
عرض عجلة الألوان
يعرض موضع كل لون وفق hue وsaturation، ويساعدك على معرفة ما إذا كانت الألوان متقاربة أو موزعة حول العجلة.
مقاطع كود لأربعة تنسيقات
متغيرات CSS، وكائن ألوان Tailwind، ومصفوفة React، وثوابت Flutter/Dart. مقطع Tailwind جزء يضاف إلى إعدادك وليس ملفًا كاملًا.
تنزيل SVG ونسخ JSON
ملف SVG شريط عينات مع رموز HEX. ويتضمن JSON بيانات كل لون: HEX وRGB وHSL وحالة التثبيت.
مزامنة الخلفية ومعاينة الواجهة
طريقتان لمشاهدة الألوان في سياق: خلفية الصفحة كاملة ونموذج صغير لزر وبطاقة وشارة.
ما استخدامات هذه الأداة؟
بدء تصميم جديد
ولّد لوحات حتى تجد لونًا مناسبًا، وثبّته ثم أكمل بقية اللوحة.
إعداد ورقة أنماط أو سمة
انسخ الألوان كمتغيرات CSS أو مقطع Tailwind وأضفها إلى مشروعك.
مشاريع Flutter وReact
احصل على ثوابت Dart أو مصفوفة JavaScript لقيم HEX دون تحويل يدوي.
مشاركة لوحة مع مصمم
نزّل شريط SVG أو انسخ JSON لإرسال الألوان ورموز HEX.
التعليم والتدرب
استخدم العجلة لملاحظة علاقة hue وsaturation بموضع اللون وقارن الألوان بصريًا.
معلومات الأداة
| نوع الأداة | مولد لوحة ألوان عشوائية |
|---|---|
| عدد الألوان | من 2 إلى 10 (تبدأ بستة) |
| قيم الألوان المعروضة | HEX وRGB وHSL |
| عجلة الألوان | نعم، تعرض hue وsaturation فقط |
| مقاطع الكود | متغيرات CSS وTailwind ومصفوفة React وFlutter/Dart |
| تنزيل ملف | SVG (palette.svg) |
| نسخ البيانات | JSON |
| اختصار لوحة المفاتيح | مفتاح المسافة ينشئ لوحة جديدة |
| حفظ اللوحة | غير متاح؛ تُفقد عند إعادة تحميل الصفحة |
| فحص التباين | غير متاح |
| رفع الملفات | لا يوجد ملف إدخال |
| المعالجة | في المتصفح |
الفوائد
- إنشاء الألوان ونسخها دون رفع أي شيء.
- اختصار مفتاح المسافة يجعل تجربة اللوحات أسرع.
- يساعد التثبيت والاستبدال المنفرد على تحسين اللوحة تدريجيًا.
- أكواد جاهزة للنسخ بأربعة تنسيقات.
القيود
- الألوان عشوائية بالكامل ولا تستخدم قواعد تناغم؛ لذا قد تتعارض.
- لا تُحفظ اللوحات؛ انسخها أو نزّلها قبل تحديث الصفحة أو إغلاقها.
- لا تفحص الأداة التباين أو إمكانية الوصول؛ المعاينة مرئية فقط.
- تنزيل الملف متاح بصيغة SVG فقط، دون PNG أو PDF أو عينات Adobe.
- بيانات JSON تنسيق خاص بالأداة وليست ملف رموز Figma جاهزًا.
- لا يعمل اختصار المسافة على شاشات اللمس دون لوحة مفاتيح؛ استخدم الزر.
- تعرض العجلة hue وsaturation فقط ولا تعرض الإضاءة.
كيفية تعامل الأداة مع بياناتك
تنشئ الأداة الألوان وترسم العجلة وتبني مقاطع الكود وملف SVG في المتصفح. لا يوجد رفع ملفات، ولا يرسل كود الأداة اللوحة إلى خادم. يستخدم النسخ حافظة المتصفح.
الخصوصية
لا تحفظ الأداة لوحاتك في المتصفح. ينطبق ذلك على الأداة نفسها وليس على النصوص البرمجية الأخرى التي قد يحملها الموقع.
نصائح
- ثبّت اللون الرئيسي أولًا ثم ولّد ألوانًا مكملة.
- فعّل مزامنة الخلفية لرؤية اللون الأول بحجم كامل.
- ارفع العدد إلى 10 للاستكشاف ثم قلله بعد اختيار ألوان مناسبة.
- انسخ اللوحة قبل إعادة تحميل الصفحة لأنها لا تُحفظ.
- افحص التباين بأداة متخصصة قبل استخدام الألوان للنصوص.
الأسئلة الشائعة
هل أحتاج إلى حساب لاستخدام الأداة؟
لا. لا تتطلب الأداة تسجيل الدخول؛ افتح الصفحة وابدأ التوليد.
هل الألوان عشوائية حقًا؟
نعم. يُختار كل لون عشوائيًا من قيم HEX، ولا تتبع الأداة قواعد تناغم؛ لذلك تبدو بعض اللوحات جيدة وقد لا تتناسق أخرى.
كم لونًا يمكنني توليده؟
من لونين إلى 10 في المرة الواحدة. تبدأ اللوحة الجديدة بستة ألوان.
كيف أحتفظ بلون أعجبني؟
انقر رمز القفل في بطاقته. تبقى الألوان المثبتة عند التوليد التالي، بينما يستبدل رمز التحديث لونًا واحدًا فقط.
ما التنسيقات التي يمكن نسخها؟
تُنسخ الألوان المفردة بصيغ HEX أو RGB أو HSL، واللوحة كمتغيرات CSS أو مقطع Tailwind أو مصفوفة React أو ثوابت Flutter/Dart أو JSON.
هل يمكن تنزيل اللوحة كملف؟
نعم، كملف SVG باسم palette.svg يعرض عينة لكل لون ورمز HEX. لا تتوفر تنزيلات PNG أو PDF أو Adobe.
هل تفحص الأداة تباين النص وإمكانية الوصول؟
لا. المعاينة في أسفل الصفحة مرئية فقط. استخدم فاحص تباين قبل اختيار ألوان النص والخلفية.
هل تُحفظ اللوحة عند إعادة تحميل الصفحة؟
لا. انسخ الأكواد أو نزّل SVG قبل مغادرة الصفحة.
هل تعمل على الهاتف؟
تعمل أزرار التوليد والتثبيت والنسخ باللمس. يتطلب اختصار المسافة لوحة مفاتيح.