مولّد ألوان عشوائية
أنشئ مجموعة جديدة من أكواد ألوان 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.
محول Base64 إلى Hex
حوّل سلسلة Base64 إلى بايتاتها الأساسية معروضة بالنظام الست عشري (hex). مفيد لفحص الرموز المميزة والمفاتيح والشهادات ورموز JWT.
منسق JSON
الصق JSON لتنسيقه بمسافتين أو أربع مسافات، أو تصغيره إلى ناتج مضغوط، أو فحص بنيته بسرعة قبل نسخ النتيجة.
مولد حروف عشوائية
أنشئ حروفًا عشوائية من A-Z. اختر العدد، وحدد الحروف الكبيرة أو الصغيرة أو المختلطة، واستخدم النتيجة للألعاب أو الأسئلة الصفية.
مولد لوحة الألوان
أنشئ لوحات ألوان أحادية أو متجاورة أو مكملة أو ثلاثية أو رباعية من لون HEX أساسي، ثم صدّر متغيرات CSS جاهزة للنسخ.
محدد ألوان HEX
اختر لون HEX أو أدخله واحصل على RGB وHSL وCMYK تقريبي والسطوع النسبي ونسب التباين مع الأبيض والأسود.