Skip to main content
Toolzer — Free Online Tools

مولّد ألوان عشوائية — HEX وRGB وHSL

أنشئ ألوانًا عشوائية بصيغ HEX وRGB وHSL مع معاينة حية ونسخ سريع.

عن الأداة

أداة مولّد ألوان عشوائية تُنشئ لونًا جديدًا في كل ضغطة زر مع عرضه بصيغ HEX (`#3B82F6`) و RGB (`rgb(59,130,246)`) و HSL (`hsl(217,91%,60%)`) جاهزة للنسخ إلى CSS و Tailwind و Figma. مفيدة للمصممين الذين يبحثون عن إلهام سريع، للمطوّرين الذين يحتاجون ألوانًا تجريبية أثناء بناء واجهات Placeholder، ولاختبار كيف تبدو خيارات مختلفة على العناصر. الأداة تعرض معاينة اللون كخلفية كبيرة، وتحسب اللون النصي المقابل (أبيض أو أسود) بأعلى تباين تلقائيًا، وتُتيح تقييد التوليد لنطاق معيّن (ألوان دافئة، باردة، فاتحة، داكنة، Pastel) للحصول على نتائج ضمن مزاج بصري محدَّد.

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

هل يمكن تقييد نوع اللون؟

نعم. اختر من فلاتر مثل «باستيل»، «داكن»، «فاتح»، «دافئ»، «بارد» للحصول على ألوان ضمن مزاج بصري محدَّد بدل عشوائي كامل.

كيف يتم توليد اللون؟

يتم توليد قيم HSL أو RGB باستخدام دالة عشوائية آمنة في المتصفح (`crypto.getRandomValues`) لضمان توزيع متساوٍ.

هل يوجد لون نصي مناسب؟

نعم. تحسب الأداة تلقائيًا نسبة التباين وتختار الأبيض أو الأسود لعرض اسم اللون فوقه بوضوح متوافق مع WCAG.

هل يمكنني حفظ الألوان المفضّلة؟

يمكن نسخ اللون فورًا. لبناء لوحة كاملة من عدة ألوان مقصودة، جرّب أداة «مولّد لوحات الألوان» على Toolzer.