اعثر على لون فاصل ذواقة بين لونَي علامة تجارية لموقع تسويقي.
اختر حالة تمرير زر تقع في منتصف الطريق بين اللون الافتراضي ولون الضغط.
صمّم لوحة ألوان رسم بياني تتلاشى بسلاسة بين درجتَي علامة تجارية رئيسيتَين.
اختر صبغة خلفية تربط بين سطحَي واجهة مستخدم متجاورَين.
أنشئ عيّنات وسيطة لتدرّج لوني يدوي في Figma.
حول خلاط الألوان
يمزج خالط الألوان لونين معًا ويولّد لوحة تدرج سلسة بينهما. إنه مجاني ويعمل في متصفحك ولا يخزّن أي بيانات على أي خادم. مثالي للمصممين الذين يستكشفون انتقالات الألوان ويبحثون عن الدرجات الوسيطة.
الأسئلة الشائعة
كيف أمزج لونين؟
حدد لونيك باستخدام منتقيات الألوان، وستعرض الأداة فورًا النتيجة الممزوجة مع تدرج من الألوان الوسيطة بينهما. يمكنك نسخ أكواد HEX لأي لون في اللوحة.
هل تُرسل أي بيانات إلى خادم؟
لا، تتم جميع حسابات مزج الألوان في متصفحك. لا تُرسل أي قيم ألوان أو تفضيلات إلى أي خادم. يعمل كل شيء محليًا على جهازك مع خصوصية كاملة.
ما تنسيقات الألوان التي يدعمها الخالط؟
يمكنك إدخال الألوان بتنسيق HEX وتعرض الأداة النتائج بقيم HEX وRGB. تمنحك لوحة التدرج المولّدة عدة ألوان وسيطة يمكنك استخدامها في تصاميمك، مما يسهّل العثور على الدرجة الوسطية المثالية.
لماذا يُنتج المزج بـ RGB أحيانًا درجة وسطى موحلة؟
يمرّ استكمال RGB عبر المتوسط الهندسي للّونين، والذي يهبط للألوان المكمّلة (مثل الأحمر + الأخضر) قرب الرمادي. هذا صحيح رياضيًا لكنه باهت بصريًا. للحصول على درجات وسطى أكثر حيوية، جرّب أداة gradient-gen مع نقاط متعددة موضوعة يدويًا، أو اختر ألوانًا أقرب في درجة اللون.
هل يمكنني تصدير الخطوات كتدرّج CSS؟
ليس من هذه الأداة — يولّد Color Mixer عيّنات منفصلة، لا تدرّجًا مستمرًا. لسلسلة CSS linear-gradient أو radial-gradient، استخدم أداة gradient-gen المخصصة، التي تتيح لك وضع نقاط متعددة وتصدير CSS مباشرة. يمكنك لصق أكواد hex البداية والنهاية من Color Mixer فيها.