هل هناك مشكلة في هذه الأداة؟
عن «مولّد لوحة ألوان عبر الإنترنت»
تولّد هذه الأداة لوحات ألوان متناغمة من لون أساسي أو بذرة عشوائية. اختر مخططات تكميلية أو متشابهة أو ثلاثية أو رباعية أو أحادية اللون، وتنتج الأداة مجموعة منسقة من ٤-٦ ألوان مع قيم hex وRGB وHSL يمكنك نسخها مباشرة إلى أدوات التصميم الخاصة بك.
لوحات الألوان ضرورية للعلامات التجارية وتصميم الويب والرسوم التوضيحية والعروض التقديمية. تتبع اللوحات المولدة رياضيًا قواعد نظرية الألوان التي تدركها العين البشرية على أنها ممتعة، مما يوفر ساعات من التعديل بالتجربة والخطأ.
استخدمها لبدء هوية علامة تجارية من الصفر، أو العثور على ألوان مميزة تعمل مع لوحتك الحالية، أو إنشاء أفكار عندما تعاني من انسداد المصمم.
كيف تستخدم هذه الأداة
كيف أُولّد لوحة ألوان UI من ألوان anchor؟
اختر anchor الأول
«Color 1» مطلوب — مرّر hex مثل `#6366f1` أو `#fc3` (# اختياري). هذا هو الـ hue الأساسي الذي تُبنى عليه اللوحة.
anchors 2 و 3 اختياريان
«Color 2» و«Color 3» يوجّهان الـ hue الثانوي والثلاثي. اتركهما فارغين لتشتق الأداة الألوان المكمّلة؛ أو أعطِ قيمًا hex لتثبيت anchors معيّنة.
اضغط «تشغيل»
تعيد النتيجة seedHexes (الـ anchors المعتمدة) و palettes — عدة لوحات جاهزة (مثل سطوح UI و accents ونصوص ملوّنة) مُولَّدة بتغيير lightness و saturation حول anchors لديك.
استخدم في أدوات التصميم
انسخ أي hex من النتيجة إلى Figma أو إعداد Tailwind أو design tokens. اقرنه بـ wcag-contrast-checker-online لتأكيد أن أزواج foreground/background التي اخترتها متاحة.