Softonic

مولّد ألوان عشوائية

خطوة 1 / 4 ألوان عشوائية
التالي: لوحة الألوان

أنشئ مجموعة جديدة من أكواد ألوان HEX العشوائية من نطاق sRGB ذي 24 بت. اختر عدد العينات التي تحتاجها، وعاين كل لون فورًا، ثم انسخ الأكواد إلى CSS أو ملاحظات التصميم أو اختبارات QA أو تجارب لوحات الألوان.

كيفية إنشاء ألوان HEX عشوائية

  1. 1

    اختر العدد

    أدخل أي رقم من 1 إلى 50 حسب عدد عينات الألوان التي تريد مراجعتها.

  2. 2

    أنشئ العينات

    كل نتيجة هي كود HEX من ست خانات بصيغة #RRGGBB، مع قيم منفصلة لقنوات الأحمر والأخضر والأزرق.

  3. 3

    انسخ واختبر

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

ما الذي ينشئه المولّد

يمثل كل كود لونًا في sRGB بعمق 24 بت: 8 بت للأحمر، و8 للأخضر، و8 للأزرق. يتيح ذلك 16,777,216 قيمة HEX ممكنة، من #000000 إلى #FFFFFF. تعرض الأداة عينة اللون والكود فقط؛ ولا تسمّي اللون أو ترتبه أو تضمن سهولة قراءته.

قراءة لون HEX

الجزء المعنى النطاق
# علامة لون في CSS بادئة ثابتة
RR قناة الأحمر من 00 إلى FF
GG قناة الأخضر من 00 إلى FF
BB قناة الأزرق من 00 إلى FF

استخدامات عملية

  • تجربة حالات واجهة المستخدم أو ألوان المخططات أو الرسومات المؤقتة عندما لا يكون اختيار اللون النهائي محسومًا.
  • بناء لوحة ألوان أولية ثم حذف الألوان المتشابهة جدًا أو الداكنة جدًا أو الصارخة.
  • إنشاء بيانات اختبار لأمثلة CSS وSVG وcanvas وأنظمة التصميم.

قبل استخدام لون عشوائي في الإنتاج

اللون العشوائي نقطة بداية فقط. عند استخدامه مع النصوص أو الأزرار أو عناصر التحكم، اختبره مقابل لون المقدمة أو الخلفية. تطلب WCAG AA نسبة تباين 4.5:1 للنص العادي و3:1 للنص الكبير. أما لأعمال العلامة التجارية أو الطباعة، فراجع اللون على شاشات معايرة وحوّله للطباعة بشكل منفصل.

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

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

هذه الأداة تنشئ ألوانًا عشوائية مستقلة. للحصول على لوحة أكثر تماسكًا، استخدم مولّد لوحات ألوان أو حافظ يدويًا على عائلة لونية واحدة مع درجات أفتح وأغمق.

لا يوجد تحكم بالبذرة في هذه الأداة. انسخ أي أكواد HEX تريد الاحتفاظ بها حتى تتمكن من استخدامها لاحقًا.

نعم. قيم HEX ذات الست خانات #RRGGBB هي صيغة قياسية لألوان CSS وتعمل في خصائص مثل color وbackground-color والحدود والتدرجات وتعبئة SVG.

لا، ليس دون فحص التباين. قد تفشل عينة عشوائية بسهولة في متطلبات تباين WCAG، خصوصًا خلف النص الصغير أو الخطوط الخفيفة.

أدوات ذات صلة

مرجع جدول ASCII

جدول ASCII كامل من 0 إلى 127 مع التمثيل العشري والست عشري والثماني والثنائي والمرجع الرقمي في HTML لكل محرف، بما في ذلك أكواد التحكم مثل NUL وLF وDEL.

مرجع أحرف HTML

قائمة قابلة للبحث بكيانات HTML، مع رموزها المسمّاة والرقمية، بالإضافة إلى خيار النسخ بنقرة واحدة للأحرف والرموز الخاصة.

أداة إزالة التشفير في لغة جافا سكريبت (JavaScript Deobfuscator)

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

مولد تراخيص

قم بإنشاء النص الكامل لترخيصات المصدر المفتوح مع إدخال اسمك والسنة المقابلة، ويشمل ذلك تراخيص MIT وApache 2.0 وGPLv3 وBSD-3 وMPL-2.0 وCC.

مولّد إعدادات Webpack

أنشئ ملف webpack.config.js لـ webpack 5 من نموذج قصير: حدّد entry ومجلد الإخراج والوضع (mode)، ثم فعّل TypeScript وBabel ومحمّل CSS وHtmlWebpackPlugin وخادم تطوير.

مولد ملف tsconfig.json

أنشئ ملف tsconfig.json نظيفا باختيار target وmodule وmoduleResolution وJSX وأعلام الصرامة الشائعة، ثم انسخ الإعداد المولّد إلى مشروعك.

الأداة متاحة بلغات أخرى