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

أنشئ لوحة ألوان عشوائية بقيم HEX وRGB وHSL وOKLCH. اقفل ما يعجبك وأعد توليد الباقي.

الاستوديو · محيط محايد
6

الميزات

توليد من 6 إلى 12 لونًا
قيم HEX و RGB و HSL
انسخ بنقرة واحدة
تثبيت الألوان

طريقة الاستخدام

1. اضغط مسافة (أو توليد) لملء منطقة العمل بألوان عشوائية.

2. اقفل الألوان التي تعجبك — تبقى البلاطات المقفلة في التوليد التالي. انقر على أي بلاطة لنسخ قيمتها.

3. بدّل صيغة القيمة (HEX / RGB / HSL / OKLCH) من الشريط، أو انسخ المجموعة كاملة دفعة واحدة.

حول هذه الأداة

أحيانًا يكون أسرع طريق لإيجاد اتجاه لوني هو ترك الصدفة تقترح واحدًا. يملأ هذا المولّد المسرح بـ 3 إلى 12 لونًا عشوائيًا مأخوذة من مولّد الأرقام العشوائية الآمن تشفيريًا في المتصفح، ويعرض كل لون بصيغة HEX أو RGB أو HSL أو OKLCH مع اسم تقريبي للون. اضغط مفتاح المسافة أو زر التوليد لسحب ألوان جديدة، واقفل أي مربع يعجبك ليبقى في السحبة التالية، فتبني مجموعتك خطوة بخطوة. انقر على مربع لنسخ قيمته، أو انسخ المجموعة كلها دفعة واحدة. الألوان العشوائية رائعة للإلهام وبيانات الاختبار وخلفيات الصور الرمزية والرسوم البيانية المؤقتة، لكن للوحة ألوان علامة تجارية أو واجهة، حسّن الانسجام وتحقق من تباين النص قبل استخدامها.

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

كيف تُولَّد الألوان العشوائية؟
تأتي القيم من crypto.getRandomValues، مصدر العشوائية الآمن في المتصفح، لذا فإن كل لون من ألوان RGB البالغة 16.7 مليون لون بعمق 24 بت له الاحتمال نفسه، ولا تتكرر النتائج بنمط يمكن التنبؤ به.
كيف تعمل الألوان المقفلة؟
قفل مربع يحتفظ بلونه عند التوليد مجددًا، بينما تحصل المربعات غير المقفلة على ألوان عشوائية جديدة. هكذا تحتفظ بالألوان التي تعجبك وتواصل السحب لبقية الألوان.
أي صيغة للقيمة أنسخ؟
‏HEX هي الأوسع قبولًا في أدوات التصميم وCSS. وHSL أسهل في الضبط اليدوي، وOKLCH مفيدة عندما تريد ضبط الإضاءة بشكل متسق بين الألوان في CSS الحديث.
هل يمكن للألوان العشوائية أن تشكّل لوحة متاحة للجميع؟
ليس وحدها. غالبًا ما يكون تباين الأزواج العشوائية ضعيفًا. استخدمها كنقطة انطلاق، ثم افحص أي تركيبة نص وخلفية بأداة فحص التباين وفق WCAG AA.
كيف أحصل على ألوان عشوائية أهدأ أو أكثر حيوية؟
كل قيم RGB هنا متساوية الاحتمال، لذا تتراوح النتائج بين الباهت والزاهي. انسخ لونًا يعجبك إلى محوّل الألوان واخفض تشبعه لدرجات أهدأ أو ارفعه لدرجات أكثر حيوية، أو استخدم مولّد لوحات الألوان لبناء مجموعة متناسقة انطلاقًا منه.

أدوات ذات صلة