مولّد ألوان عشوائية
أنشئ مجموعة جديدة من أكواد ألوان HEX العشوائية من نطاق sRGB ذي 24 بت. اختر عدد العينات التي تحتاجها، وعاين كل لون فورًا، ثم انسخ الأكواد إلى CSS أو ملاحظات التصميم أو اختبارات QA أو تجارب لوحات الألوان.
كيفية إنشاء ألوان HEX عشوائية
-
1
اختر العدد
أدخل أي رقم من 1 إلى 50 حسب عدد عينات الألوان التي تريد مراجعتها.
-
2
أنشئ العينات
كل نتيجة هي كود HEX من ست خانات بصيغة #RRGGBB، مع قيم منفصلة لقنوات الأحمر والأخضر والأزرق.
-
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.
محول الثنائي إلى الست عشري
حوّل الإدخال الثنائي إلى قيمة ست عشرية بأحرف كبيرة. يتم تجاهل غير 0 و1 ولا تُحفظ الأصفار البادئة.
محول Base64 إلى Hex
حوّل سلسلة Base64 إلى بايتاتها الأساسية معروضة بالنظام الست عشري (hex). مفيد لفحص الرموز المميزة والمفاتيح والشهادات ورموز JWT.
محول BBCode إلى HTML
حوّل BBCode (ترميز المنتديات) إلى HTML نظيف. يتعامل مع وسوم التنسيق، والقوائم، والاقتباسات، والكود، والصور، والروابط، والجداول.
محول من ثنائي إلى ASCII
الصق نصا ثنائيا (بايتات مفصولة بمسافات أو سلسلة بتات طويلة) واحصل على نص ASCII الذي يمثله. يدعم ترميزات 7 بت و8 بت.
محول ASCII إلى Hex
حوّل نص ASCII إلى قيم bytes بالنظام الست عشري. يستخدم الناتج رقمين hex لكل محرف، جاهزا لملفات memory dumps أو packet traces أو جداول firmware.