🎨

جاهز لتوليد الألوان

قم بتكوين إعداداتك في اللوحة على اليمين وانقر على "توليد الألوان"

عرض نسبة تباين WCAG بين الألوان
محاكاة كيفية ظهور الألوان لذوي قصور رؤية الألوان

لا يوجد سجل بعد. قم بتوليد بعض الألوان!

كيف يعمل

ينشئ مولد الألوان العشوائي لدينا ألوانًا باستخدام فضاء الألوان HSL للتحكم الدقيق في درجة اللون والتشبع والسطوع. اختر من بين ألوان فردية أو لوحات ألوان متناسقة أو تدرجات لونية جميلة. طبّق مرشحات لدرجة الحرارة والتشبع والسطوع. تحقق من إمكانية الوصول باستخدام حاسبة نسبة تباين WCAG المدمجة ومحاكي عمى الألوان.

حالات الاستخدام الشائعة

🌐

تصميم الويب

أنشئ أنظمة ألوان لمواقع الويب والتطبيقات والواجهات الرقمية بنسب تباين متاحة

📱

تصميم واجهة المستخدم/تجربة المستخدم

أنشئ لوحات ألوان متناسقة لواجهات المستخدم مع فحص توافق WCAG

🏷️

العلامة التجارية والهوية

اكتشف تركيبات ألوان فريدة للشعارات وإرشادات العلامة التجارية ومواد التسويق

🎨

الفن والرسم التوضيحي

اعثر على لوحات ألوان ملهمة للفن الرقمي والرسوم التوضيحية والمشاريع الإبداعية

الميزات

  • ✅ أوضاع اللون الفردي واللوحة والتدرج اللوني
  • ✅ 6 قواعد لتناسق الألوان (مكمّل، متماثل، ثلاثي، إلخ)
  • ✅ مرشحات درجة الحرارة والتشبع والسطوع
  • ✅ مدقق نسبة تباين WCAG (توافق AA/AAA)
  • ✅ محاكاة عمى الألوان (protanopia، deuteranopia، tritanopia)
  • ✅ قفل الألوان وإعادة توليد الباقي
  • ✅ تصدير كمتغيرات CSS أو JSON أو نص
  • ✅ صيغ HEX وRGB وHSL وCMYK

ما هو مولد الألوان العشوائي؟

مولد الألوان العشوائي هو أداة عبر الإنترنت تنشئ ألوانًا عشوائية ولوحات ألوان وتدرجات لونية للمصممين والمطورين والفنانين. يستخدم مولد أنظمة الألوان هذا رياضيات فضاء الألوان HSL لإنتاج ألوان بتحكم دقيق في درجة اللون والتشبع والسطوع، مما يجعله متفوقًا على مولدات HEX العشوائية البسيطة. سواء كنت تحتاج إلى لون تمييز واحد لموقعك الإلكتروني، أو لوحة ألوان متناسقة من 5 ألوان لهوية علامتك التجارية، أو تدرج لوني جميل لخلفية واجهة المستخدم الخاصة بك، فإن مولد لوحات الألوان هذا يقدم نتائج احترافية فورية. يعتمد المصممون على هذه الأداة للنمذجة السريعة، ويستخدمها المطورون لتوليد ألوان السمات، ويجد الفنانون إلهامًا لمشاريعهم الإبداعية.

يعمل مولد الألوان عن طريق توليد ألوان في فضاء الألوان HSL (درجة اللون، التشبع، السطوع) وتحويلها إلى صيغ إخراج متعددة تشمل أكواد HEX لتطوير الويب، وقيم RGB للتصميم الرقمي، وHSL لتنسيق CSS، وتقريبات CMYK لإعداد الطباعة. يمكنك توليد ألوان في ثلاثة أوضاع: لون واحد لاختيارات الألوان السريعة، ووضع اللوحة لإنشاء 2-10 ألوان متناسقة، ووضع التدرج اللوني لتوليد انتقالات ألوان جميلة مع كود CSS جاهز للاستخدام. يضمن نظام التناسق تركيبات جمالية باستخدام قواعد نظرية الألوان — تقع الألوان المكمّلة في مواضع متقابلة على عجلة الألوان لتحقيق أقصى تباين، وتقع الألوان المتماثلة متجاورة لانتقالات سلسة، وتشكل الألوان الثلاثية مثلثات متساوية الأضلاع لتنوع نابض بالحياة، ويوفر المكمّل المنقسم تباينًا بتوتر أقل من الأنظمة المكمّلة الكاملة.

ما يميز مولد الألوان هذا عن المنافسين هو مجموعة أدوات إمكانية الوصول المدمجة. تحسب حاسبة نسبة تباين WCAG التباين بين أي لونين تم توليدهما وتعرض ما إذا كانا يلبيان معايير إمكانية الوصول WCAG 2.0 AA (4.5:1 للنص العادي، 3:1 للنص الكبير) وAAA (7:1 للنص العادي، 4.5:1 للنص الكبير). هذا أمر ضروري لمصممي الويب الذين يحتاجون إلى التأكد من أن اختياراتهم اللونية قابلة للقراءة من قبل جميع المستخدمين. يُظهر محاكي عمى الألوان كيف تبدو ألوانك المولّدة للأشخاص الذين يعانون من protanopia (عمى اللون الأحمر) وdeuteranopia (عمى اللون الأخضر) وtritanopia (عمى اللون الأزرق)، مما يساعدك على إنشاء تصاميم شاملة تعمل لحوالي 8% من الرجال و0.5% من النساء الذين لديهم شكل من أشكال قصور رؤية الألوان.

يمنحك نظام التصفية تحكمًا دقيقًا في الألوان المولّدة. تقيّد مرشحات درجة الحرارة الألوان بالدرجات الدافئة (الأحمر والبرتقالي والأصفر) للتصاميم النشطة، والدرجات الباردة (الأزرق والأخضر والأرجواني) للجماليات الهادئة، أو الدرجات المحايدة للتركيبات المتوازنة. تتيح لك مرشحات التشبع توليد ألوان باستيل للتصاميم الناعمة والرقيقة، وألوان زاهية للتعبيرات الجريئة، ودرجات خافتة للوحات أنيقة، أو ألوان نيون للتأثيرات اللافتة للنظر. تتحكم مرشحات السطوع فيما إذا كانت الألوان فاتحة للتصاميم الخفيفة، أو متوسطة للواجهات المتوازنة، أو داكنة للسمات الدرامية. تتيح لك ميزة القفل الاحتفاظ بالألوان التي تعجبك مع إعادة توليد الباقي، وهي مثالية لبناء لوحات الألوان تدريجيًا. قم بتصدير ألوانك كخصائص CSS مخصصة للاستخدام المباشر في أوراق الأنماط، أو JSON للاستخدام البرمجي، أو نص عادي للتوثيق. يتتبع سجل التوليد جميع أنظمة الألوان السابقة الخاصة بك حتى تتمكن من إعادة زيارة وإعادة استخدام تركيباتك المفضلة.