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

أنشئ ألوانًا عشوائية مع قيمها بصيغ HEX وRGB وHSL. ثبّت الألوان التي تعجبك، وأعد توليد الباقي، وانسخ أي رمز لون بنقرة واحدة.

اضغط مفتاح المسافة (أو زر التوليد) فتعرض الصفحة صفًّا جديدًا من الألوان العشوائية، يظهر لكل واحد اسمه وقيمته بصيغة HEX و RGB و HSL. حرّك المنزلق فتصبح اللوحة من لون تمييز واحد وحتى ثمانية ألوان. بدّل منتقي النمط إلى باستيل أو نابض أو داكن أو ترابي لتوجيه العشوائية نحو مزاج معيّن، أو اختر قاعدة تناغم (مكمّل، متجاور، ثلاثي، رباعي) فتترابط الألوان وفق نظرية الألوان بدل ظهورها مستقلة. أغلِق الألوان التي تعجبك بأيقونة القفل وأعد توليد الباقي. كل قيمة تُنسخ إلى الحافظة بنقرة، واللوحة بأكملها تُحفظ كملف نصي أو صورة PNG جاهزة للمشاركة. تحتاج إلى كود؟ نقرة واحدة تنسخ المجموعة كاملةً ككتلة ‎:root‎ من خصائص CSS المخصّصة، ونقرة أخرى تنسخ رابطًا يفتح هذه اللوحة نفسها أينما لصقته. افتح شريط الدرجات الفاتحة والداكنة أسفل أي لون لتأخذ خمس درجات أفتح وخمسًا أغمق، مثالية لحالات التمرير والحدود والخلفيات الملوّنة.

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

1. حدّد عدد الألوان التي تريدها (من 1 إلى 8، و5 افتراضيًا)، ثم انقر على التوليد لملء اللوحة.
2. ثبّت الألوان التي تريد الاحتفاظ بها، ثم أعد التوليد لملء الخانات المتبقية.
3. انقر على أي رمز لون (HEX أو RGB أو HSL) لنسخه إلى الحافظة.

متى تستخدم

• كسر الجمود الإبداعي حين تحدّق في ملف Figma فارغ دون أي اتجاه لوني في ذهنك.
• اختيار عائلة ألوان لمشروع جانبي أو وثيقة عصف ذهني أو نشاط فني مع الأطفال، حين يكفي أي إيقاع لوني.
• اختيار HEX سريع لتصميم لمرة واحدة (لافتة، صورة لمنشور، خلفية شاشة) دون الاطلاع على قوائم ألوان السنة.

النتيجة

يحتاج مصمم ويب إلى ألوان مميزة لمشروع جديد. يولّد لوحات حتى يجد #E8674A (مرجاني دافئ)، يثبّته، ويستمر بالتوليد لإيجاد ألوان مكمّلة.

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

كيف يجري اختيار اللون فعلياً؟

في الوضع الافتراضي عشوائي + أي شيء تأخذ كل قناة (أحمر، أخضر، أزرق) رقماً جديداً بين ٠ و ٢٥٥، فتظهر أي توليفة من نحو ١٦٫٧ مليون توليفة RGB — عشوائية موحَّدة فعلية، بلا انحياز إلى ألوان «أنيقة». حين تختار نمطاً (باستيل، نابض، داكن، ترابي) تختار الأداة الدرجة والإشباع والإضاءة ضمن نطاق ذلك المزاج. وفي أوضاع التناغم تُؤخذ لون أساس عشوائي ثم تُشتقّ بقية الألوان بإزاحات نظرية اللون على عجلة الألوان.

لماذا تخرج اللوحات أحياناً باهتة وموحلة؟

العشوائية الموحَّدة في RGB تميل إلى الرماديات المتوسطة لأن معظم نقاط المكعّب تقع في تلك المنطقة. أسرع حل: غيّر منتقي النمط من «أي شيء» إلى نابض أو باستيل، فتسحب الأداة ضمن نطاق درجة/إشباع/إضاءة منتقى ولا يظهر الوسط الموحل أصلاً. ويمكن أيضاً قفل الألوان النابضة وإعادة توليد البقية مرتين أو ثلاثاً حتى يستقر الصف.

هل يمكن الاحتفاظ بلون أحبّه وإعادة توليد الباقي؟

نعم. اضغط أيقونة القفل على المربع الذي تريده، ثم اضغط توليد. تبقى المربعات المقفلة كما هي وتتغيّر البقية. هذه أسرع طريقة لتثبيت لون أساسي واستكشاف ألوان مساعدة حوله.

ما الفرق بين HEX و RGB و HSL؟

HEX مثل #1A2B3C كتابة مختصرة بالنظام السادس عشر للقنوات الثلاث، شائعة في CSS وبرامج التصميم. RGB مثل rgb(26,43,60) يكتبها بالنظام العشري. HSL مثل hsl(210,40%,17%) يصف درجة اللون والتشبّع والإضاءة، وهو الأسهل للضبط اليدوي.

هل النتيجة عشوائية حقاً أم مبنية على بذرة؟

تعتمد على Math.random في جافاسكربت داخل تبويبتك. هي عشوائية شبه حقيقية، تكفي لأغراض التصميم تماماً، لكنها ليست آمنة تشفيرياً. إعادة تحميل الصفحة تعطي لوحة جديدة كلياً في كل مرة.

أدوات ذات صلة