مخلوط الألوان اخلط لونين معًا بنسبة قابلة للتعديل وشاهد التدرج الكامل.
مخلوط الألوان
اخلط لونين معًا بنسبة قابلة للتعديل وشاهد التدرج الكامل.
اختر لونين
حدد اللونان الذين تريد مزجهما.
تعديل النسبة
استخدم الشريط المنزلق للتحكم في نسبة الخلط (0-100%).
نسخ النتيجة
انسخ اللون HEX الممزوج.
What Is مخلوط الألوان?
مخلوط الألوان يخلط لونين معًا بنسبة معينة، ويظهر لك اللون الناتج الدقيق جنبًا إلى جنب مع تدرج من 11 خطوة للنطاق الكامل للمزج. يتم إنتاج اللون المختلط بواسطة الاستيفاء الخطي RGB، والذي يحاكي تأثير مزج ألوان الطلاء أو إنشاء انتقالات الألوان في CSS. يسمح لك م mixture ratio بتحويل الانتقال بشكل سلس من 100٪ من اللون الأول إلى 100٪ من اللون الثاني. يعرض الأداة النتيجة المختلطة في معاينة كبيرة وشرائط التدرج الكاملة للسياق. مزج الألوان ضروري لإنشاء ألوان متوسطة للتدرجات، العثور على ألوان منتصف التصميم، توليد ألوان الانتقال للرسوم المتحركة، وفهم كيفية تفاعل لونين تجاريين عند وضعها فوق بعضهما البعض.
Why Use مخلوط الألوان?
-
شريط منزلق لنسبة سلسة من 0% إلى 100% لمزج دقيق
-
مربع معاينة كبير للنتيجة الممزجة
-
تدرج يتكون من 11 خطوة يظهر مدى الخلط الكامل
-
إخراج HEX وRGB مع أزرار نسخ
-
انظر على الفور كيفية مزج أي لونين
Common Use Cases
findingMidpoints
ابحث عن نقطة المنتصف الدقيقة بين لونين لعلامة تجارية من أجل انتقالات سلسة.
تصميم التدرج
معاينة كيفية مزج اللونين في تدرج قبل تنفيذه في CSS.
انتقالات الألوان
توليد ألوان وسيطة لخطوات التحريك بين حالتين لونية.
توسيع لوحة الألوان
إنشاء ألوان جديدة عن طريق مزج ألوان اللوحة الحالية بنسب مختلفة.
Technical Guide
يقوم المخلوط بتحقيق الاستيفاء الخطي (lerp) في مساحة الألوان RGB: النتيجة = اللون1 × (1 - ت) + اللون2 × ت، حيث ت هو نسبة الخلط من 0 إلى 1. يتم استيفاء كل قناة (R و G و B) بشكل مستقل. هذا هو أبسط طريقة مزج وتطابق كيفية انتقالات CSS بين الألوان. هناك طرق مزج أكثر تعقيدًا (فضاء Lab الحسي، oklab)، ولكن الاستيفاء الخطي RGB هو الأكثر استخدامًا والمتوافق مع تقديم المتصفح. يظهر التدرج من 11 خطوة النطاق الكامل للاستيفاء عند فترات بنسبة 10٪.请注意 أن الاستيفاء الخطي RGB يمكن أن ينتج نقاط وسط قليلاً غير مشبعة - على سبيل المثال، مزج الأحمر الخالص والأخضر الخالص ينتج لونًا بنيًا مُبهَمًا عند نسبة 50٪، وليس الأصفر الساطع. هذا لأن الاستيفاء الخطي RGB لا يتبع عجلة الألوان.
Tips & Best Practices
-
1مزيج بنسبة 50% يعطي نقطة المنتصف البصرية الدقيقة بين لونين
-
2جرب مزج الألوان المكملة - نقطة المنتصف غالبًا تكون رمادية محايدة مثيرة
-
3استخدم شريط التدرج لإيجاد نسبة حيث يبدو الخلط أفضل، وليس فقط 50%
-
4مزج مع الأبيض (تلوين) أو الأسود (تظليل) بنسب مختلفة يعطي مقاييس سلسة
-
5يمكن أن تنتج عن مزج RGB نتائج متوسطة - هذا هو السلوك المتوقع لمزج إضافي
Related Tools
محدد اللون
محدد لون تفاعلي مع مخرجات HEX و RGB و HSL و CMYK.
🎨 Color Tools
مُولِّد لوحة الألوان ذات اللون الأحادي
إنشاء لوحة ألوان أحادية اللون من أي لون أساسي.
🎨 Color Tools
مُحَرِّر تدرج خطي
أنشئ تدرجات خطية CSS مع ألوان مخصصة وزاوية ووقف الألوان.
🎨 Color Tools
مُولِد درجات الألوان
إنشاء درجات أغمق لأي لون مع عدد خطوات قابل للتعديل.
🎨 Color Tools
مُولِد تلطّخ الألوان
انشئ تدرجات أفتح لأي لون مع عدد خطوات قابل للتعديل.
🎨 Color ToolsFrequently Asked Questions
Q كيف يتم حساب مزج الألوان?
Q لماذا ينتج عن مزج الأحمر والأخضر البني بدلاً من الأصفر?
Q هل هذا مزج إضافي أو خلافي?
About This Tool
مخلوط الألوان is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.