مولد الألوان

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

حليبي
ليموني
رصاصي
أخضر غامق
أخضر ليلي

النص يقرأ على الخلفية ✓اضغط المسافة عشان تولّد، وثبّت اللون اللي يعجبك.

لوحات جاهزة

عن الأداة

تبي ألوان لهويتك أو متجرك أو بوستك وما تدري وش يركب مع وش؟ اضغط «ولّد» وتطلع لك لوحة من 5 ألوان متناسقة. عجبك لون؟ ثبّته وكمّل التوليد على الباقي، والأداة تختار الألوان الثانية عشان تناسبه. واختر نوع التناسق: متقارب، مكمّل، ثلاثي، أحادي، أو ذكي. التوليد يراعي كيف تشوف العين الألوان، عشان ما يطلع لون باهت جنب لون صارخ.

أغلب مولدات الألوان تعرض اللوحة على قوالب إنجليزية. هنا تقلب المساحة كلها لمعاينة موقع، أو بطاقة منتج لمتجر، أو بوست، بالعربي ومن اليمين لليسار. ولو النص مو واضح على الخلفية، زر «وازن» يفتّح أو يغمّق الألوان شوي حسب معيار التباين.

خذ الألوان كأكواد HEX، أو متغيرات CSS، أو إعدادات Tailwind، أو صورة جاهزة للنشر، وشارك اللوحة برابط. اللوحات اللي تحبها تنحفظ في متصفحك بدون حساب. والألوان ما لها حقوق، فتستخدمها في أي مشروع تجاري. ونصيحة: خل لون واحد قوي للأزرار والعناوين، ولون فاتح للخلفية، ولون غامق للنص، والباقي للتفاصيل، عشان تصميمك يبقى مرتب ومريح للعين.

أسئلة شائعة

وش الفرق بينها وبين أداة «ألوان الهوية من الشعار»؟

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

وش يعني «ثبّت»؟

اللون المثبّت ما يتغيّر لما تولّد لوحة جديدة، والأداة تختار باقي الألوان عشان تناسبه.

وش يسوي زر «وازن»؟

يتأكد إن النص على الخلفية مقروء حسب معيار WCAG، ولو لا، يفتّح أو يغمّق الألوان شوي بدون ما يغيّر طابعها.

أقدر أستخدم الألوان تجارياً؟

إيه، الألوان ما لها حقوق. استخدمها في أي مشروع.

تحفظ اللوحات؟

اللوحات اللي تحبها تنحفظ في متصفحك. ولو تبيها على جهاز ثاني، انسخ رابط اللوحة.