أداة Rechnerpilot

مولّد الألوان

أنشئ ألوانًا عشوائية بقيم HEX وRGB وHSL للتصميم والاختبار – محليًا في متصفحك.

المولّدات

انقر على ”إنشاء“ لتوليد الألوان.

الشرح

كيف يعمل مولّد الألوان

يُنشئ مولّد الألوان ألوانًا عشوائية. لكل لون تُسحَب ثلاث قيم عشوائية للأحمر والأخضر والأزرق (كل منها 0–255)، وتُحسَب منها الصيغ الشائعة HEX وRGB وHSL. يصف HSL اللون نفسه عبر درجة اللون والتشبّع والإضاءة ويُسهِّل التعديلات الدقيقة.

يتم الإنشاء محليًا في المتصفح باستخدام Math.random. الألوان عشوائية تمامًا ولا تُفحَص من حيث التباين أو إمكانية الوصول.

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

لا فحص للتباين أو WCAG.
لا انسجام للوحة الألوان (متكامل، أحادي اللون، إلخ).
Math.random — ليست لأغراض أمنية.

المصادر

CSS Color Module: تعريف تدوين HEX وRGB وHSL.

التطبيق

أمثلة عملية

لوحة ألوان

ثماني ألوان عشوائية كنقطة بداية للوحة إلهام تصميمية.

HEX لـ CSS

يمكن استخدام قيم HEX مباشرةً في CSS أو أدوات التصميم.

فهم HSL

يُظهِر HSL درجة اللون والتشبّع والإضاءة — مفيد للتعديلات الدقيقة.

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

الأسئلة المتكررة

كيف تُولَّد الألوان؟

لكل لون تُسحَب ثلاث قيم عشوائية (أحمر، أخضر، أزرق، كل منها 0–255) باستخدام Math.random، وتُحسَب منها صيغ HEX وRGB وHSL.

هل الألوان متاحة/عالية التباين؟

لا. الألوان عشوائية تمامًا ولا تُفحَص من حيث التباين أو القراءة أو التوافق مع WCAG. يجب ضمان التباين بشكل منفصل.

هل يمثّل HEX وRGB وHSL اللون نفسه؟

نعم. تصف القيم الثلاث اللون نفسه بتدوين مختلف؛ ويُحسَب HSL من قيم RGB ويُقرَّب أثناء ذلك.

هل تُخزَّن الألوان؟

لا. تُنشأ الألوان في المتصفح وتُسحب من جديد عند كل نقرة. لا يحدث أي تخزين.

نصائح

معلومات مفيدة

يناسب HEX مباشرةً CSS ومعظم أدوات التصميم.
يُسهِّل HSL التعديلات الدقيقة للإضاءة والتشبّع.
لا تُفحَص الألوان العشوائية من حيث التباين.

آلات حاسبة ذات صلة