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

أداة مجانية عبر الإنترنت لتوليد الألوان العشوائية ولوحات الألوان. تدعم توليد الألوان العشوائية، لوحة من 5 ألوان، توليد دفعات، أنظمة الألوان (مكمل/مشابه/ثلاثي/رباعي)، فحص التباين، محاكاة عمى الألوان، وتنسيقات تصدير متعددة. جميع المعالجة تتم في متصفحك.

#000000

تفاصيل اللون

HEX #000000
RGB rgb(0, 0, 0)
HSL hsl(0, 0%, 0%)
CMYK cmyk(0%, 0%, 0%, 100%)
اسم اللون

لوحة الألوان

ألوان دفعة واحدة

10

أنظمة الألوان

توليد أنظمة ألوان بناءً على اللون الرئيسي الحالي

قيود المعلمات (اسحب المنزلقات لتحديد نطاق التوليد)

درجة اللون H
0 360
التشبع S
0 100
الإضاءة L
0 100

أنماط محددة مسبقاً

البحث عن أسماء ألوان CSS

فحص التباين

أدخل الألوان وانقر فحص

تصدير اللوحة

انقر زراً لتوليد محتوى التصدير

معاينة التدرج

تدرج أفقي بناءً على لوحة الألوان الحالية (5 ألوان)

سجل التوليد (آخر 20، حفظ تلقائي)

لا يوجد سجل بعد

المفضلة

لا توجد مفضلة بعد

ترتيب اللوحة

ألوان موصى بها

5 ألوان مقترحة ذكية بناءً على اللون الرئيسي الحالي

لون مخصص

محاكاة عمى الألوان

محاكاة منظور عمى الألوان على اللوحة الحالية

بذرة عشوائية

نفس البذرة تُنتج نفس التسلسل العشوائي

تصدير لقطة الشاشة

تصدير اللوحة الحالية كصورة PNG

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

مولّد الألوان العشوائية هو أداة شاملة ومجانية عبر الإنترنت لتوليد أنظمة الألوان ولوحات الألوان. صُممت للمصممين ومطوري الواجهات الأمامية وأي شخص يحتاج إلى إلهام سريع للألوان. جميع عمليات حساب الألوان ومعالجتها تتم محلياً في متصفحك — دون رفع أي بيانات إلى أي خادم.

صُممت هذه الأداة مع سمة ألوان Catppuccin، وتدعم كلاً من السمات الداكنة والفاتحة للواجهة. توفر أوضاع توليد ألوان متعددة وعرض تنسيقات، لتلبية الاحتياجات من اختيار الألوان الأساسية إلى أنظمة الألوان الاحترافية.

كيفية الاستخدام

  • توليد الألوان: انقر زر "توليد ألوان" أو اضغط على مفتاح المسافة لتوليد لوحة من 5 ألوان عشوائياً
  • نسخ الألوان: انقر على أي عينة لون أو قيمة لون (HEX/RGB/HSL/CMYK) لنسخها إلى الحافظة
  • تثبيت الألوان: تحتوي كل عينة لوحة على زر قفل على اليمين. تبقى الألوان المقفولة دون تغيير عند إعادة التوليد
  • التوليد الدفعي: استخدم المنزلق للتحكم في العدد (1-50)، انقر "توليد" لتوليد شبكة ألوان دفعة واحدة
  • أنظمة الألوان: توليد تلقائي لأنظمة الألوان الاحترافية: مكمل، مشابه، ثلاثي، ورباعي بناءً على اللون الرئيسي الحالي
  • التوليد المقيد: اسحب منزلقات درجة اللون/التشبع/الإضاءة لتحديد نطاق توليد الألوان
  • الأنماط المحددة مسبقاً: تبديل بنقرة واحدة بين أنماط عشوائي / تدرج رمادي / باستيل / الوضع الداكن
  • فحص التباين: أدخل لون النص ولون الخلفية للتحقق من توافق WCAG AA/AAA
  • التصدير: يدعم تصدير بتنسيق CSS Variables / JSON / Tailwind، أو تنزيل ملف .css بنقرة واحدة

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

س: هل يتم حفظ الألوان المولّدة محلياً؟

ج: نعم. يتم حفظ سجل التوليد ولوحات المفضلة تلقائياً في localStorage في متصفحك. تبقى محفوظة عبر جلسات العمل. يمكنك أيضاً مسح السجل يدوياً.

س: ماذا يعني AA و AAA في فحص التباين؟

ج: يحدد WCAG (إرشادات الوصول لمحتوى الويب) معيارين للتباين: AA يتطلب نسبة 4.5:1 على الأقل للنص العادي و 3:1 للنص الكبير؛ AAA يتطلب نسبة 7:1 على الأقل للنص العادي و 4.5:1 للنص الكبير. تتحقق هذه الأداة من كلا المعيارين.

س: كيف تعمل محاكاة عمى الألوان؟

ج: تستخدم محاكاة عمى الألوان مصفوفات تحويل لونية لتحويل قيم RGB رياضياً، لمحاكاة التأثيرات البصرية لثلاثة أنواع شائعة من عمى الألوان: عمى أحمر (Protanopia)، عمى أخضر (Deuteranopia)، وعمى أزرق (Tritanopia). يساعد ذلك في ضمان أن تكون تصاميمك متاحة للمستخدمين المصابين بعمى الألوان.

س: ما هي البذرة العشوائية؟

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

الألوان الأخيرة

لا يوجد