خالط الألوان
جديدامزج لونين بأي نسبة وانسخ النتيجة أو أي خطوة بينهما.
Click a swatch to copy its hex.
Mix colors from an image
Upload an image, choose a target color above, then click the image to sample that pixel. Images are decoded in your browser and never uploaded.
Paint (subtractive) results are realistic approximations of pigment mixing, not exact recipes — real paints and inks vary by brand and opacity.
Runs entirely in your browser. Nothing is uploaded.
خلاط ألوان مجاني عبر الإنترنت للطلاء أو الضوء
يجمع خلاط الألوان هذا لونين — أو أكثر — في لون جديد ويعرض التدرج الكامل للخطوات بينهما. اختر الألوان باستخدام العينات، أو اكتب كود hex، أو استخرجها مباشرة من صورة محملة؛ ثم اقرأ النتيجة الممزوجة بصيغ HEX وRGB وHSL وCMYK. كل شيء يعمل في متصفحك، وهو فوري ولا يُرفع أي شيء تحمله إلى أي مكان.
في حين تقتصر معظم الأدوات على مزج خطي بسيط، تتيح لك هذه الأداة مزج لونين عبر الإنترنت بثلاث طرق مختلفة وتُظهر الفرق أثناء التنقل — لتحصل على الإجابة التي يتوقعها الرسام، أو التي ينتجها الشاشة، أو نقطة وسط رياضية بحتة للتدرجات وأنظمة التصميم.
طرحي أو إضافي أو مزج بسيط — ثلاثة نماذج للخلط
يحاكي الخلط الطرحي الطلاء والأصباغ: تمتص الألوان (تطرح) الضوء، لذا الأزرق + الأصفر = الأخضر، الأحمر + الأصفر = البرتقالي، والأحمر + الأزرق = البنفسجي — النتائج البديهية لـ 'ما الذي يصنع اللون X' التي تتوافق مع الطلاء الفعلي والحبر والطباعة CMYK. ويحاكي الخلط الإضافي الضوء: يتجمع الأحمر والأخضر والأزرق معاً، لذا الأحمر + الأخضر = الأصفر والثلاثة معاً يصنعون الأبيض — كما تعمل الشاشات والبروجيكتورات وإضاءة المسرح.
النمط الثالث، المزج، هو استيفاء خطي مباشر يحسب متوسط قنوات RGB لإيجاد نقطة الوسط الرقمية الدقيقة — مثالي للتدرجات وألوان واجهة المستخدم وتوليد رموز التصميم. يقوم زر واحد بالتبديل بين الثلاثة، وتُعاد رسم شريط المزج فوراً.
ما الذي يصنع الأخضر والبرتقالي والبنفسجي والبني؟
يجيب مخطط خلط الألوان المدمج على أكثر أسئلة الأصباغ بحثاً بضغطة واحدة: الأخضر من الأزرق + الأصفر، البرتقالي من الأحمر + الأصفر، البنفسجي من الأحمر + الأزرق، الفيروزي من الأزرق + الأخضر، وبني واقعي من لونين متكاملين كالبرتقالي + الأزرق. انقر على أي زوج في المخطط لتحميله في الخلاط في الوضع الطرحي.
نظراً لأن المحرك الطرحي يخلط كما تفعل الأصباغ فعلياً، تظهر الألوان الثانوية صحيحة وتتعتم الألوان الثلاثية طبيعياً نحو البني — نفس التعكر الذي تحصل عليه عند المزج المفرط للطلاء الفعلي. يتيح لك شريط تمرير النسبة التحكم الدقيق في النسب.
المزج من صورة — ومزج أكثر من لونين
حمّل أي صورة واستخدم قطارة العين لأخذ عينات الألوان مباشرة منها — مثالي لمطابقة لون العلامة التجارية من صورة منتج، أو عينة طلاء، أو صورة ملهِمة. اختر بكسلين أو أكثر وامزجهما. يتم فك تشفير الصورة محلياً على لوحة HTML، لذا فإن خلاط الألوان من الصورة هنا يعني أن ملفك لا يغادر الجهاز أبداً — مناسب للأصول السرية للعلامات التجارية ونماذج التصميم غير المنشورة.
هل تحتاج إلى دمج أكثر من اثنين؟ انقر على 'إضافة لون' لإضافة عينة ثالثة أو رابعة أو خامسة أو سادسة، لكل منها شريط تمرير وزن خاص بها. تُرجع الأداة المزيج المرجح لجميع المدخلات — مفيد لمعدل لوحة الألوان أو إعادة إنشاء مزيج طلاء متعدد الأصباغ أو إيجاد المركز البصري لمجموعة من ألوان العلامة التجارية.
المقارنة مع Adobe Color وCoolors وcolordesigner.io
تم تصميم Adobe Color (color.adobe.com) لاستكشاف تناسق الألوان — تكميلي وثلاثي ومتشابه — ويتطلب حساب Adobe يزامن البيانات مع خوادم Adobe. لا يحتوي على نموذج خلط طرحي (طلاء) أو إضافي (ضوء) ولا شريط تمرير للنسبة. Coolors (coolors.co) ممتاز لتوليد لوحات الألوان لكن خلاط الألوان فيه يقوم فقط بمزج خطي أساسي.
تقدم colordesigner.io مزجاً خطياً لونين وشريط تدرج، لكنها تُخرج قيم hex فقط — بدون RGB أو HSL أو CMYK. تسد هذه الأداة الفجوة: ثلاثة نماذج خلط، أربعة تنسيقات إخراج متزامنة، أخذ عينات ألوان الصور، ما يصل إلى ستة ألوان مع أشرطة تمرير الوزن الفردية، وعنوان URL قابل للمشاركة. لا حساب مطلوب، لا حدود استخدام، لا رفع للخوادم.
كل كود جاهز للنسخ — ورابط قابل للمشاركة
تعرض بطاقة النتيجة قيم HEX وRGB وHSL وCMYK للون الممزوج بالإضافة إلى أقرب لون CSS مسمى، ونقرة واحدة تنسخ أيّاً منها إلى الحافظة. قم بإنشاء 2–20 عينة نقطة وسط موزعة بالتساوي بين لونيك، انسخ خطوة فردية، أو خذ التسلسل بأكمله دفعة واحدة لتدرج CSS أو لوحة ألوان لنظام تصميم.
لا يوجد شيء للتثبيت ولا حساب للإنشاء. يتم خلط الألوان وأخذ عينات الصور وتحويل الكود محلياً في متصفحك — تبقى ألوانك وصورك على جهازك. ضع خلاط الألوان عبر الإنترنت في المفضلة وقرنه بمولد لوحة الألوان وفاحص التباين على UtiloKit.
Frequently asked questions
كيف يمكنني مزج لونين عبر الإنترنت؟
اختر لونيك باستخدام العينات أو بكتابة رموز hex، واختر نموذج خلط (طلاء/طرحي، أو ضوء/إضافي، أو مزج خطي بسيط)، واسحب شريط تمرير النسبة — مثلاً 30% / 70% — للتحكم في مقدار مساهمة كل لون في النتيجة. يتحدث اللون الممزوج ورموز HEX وRGB وHSL وCMYK الخاصة به فوراً؛ انقر على أي صف تنسيق لنسخه إلى الحافظة.
ما الذي يصنع اللون الأخضر؟
يصنع الأزرق والأصفر اللون الأخضر عند مزج الطلاء أو الأصباغ (الخلط الطرحي). اضبط النموذج على طرحي وامزج أزرق مثل #2563EB مع أصفر مثل #FACC15 للحصول على أخضر حول #61A73A. على الشاشة حيث تمزج الضوء (إضافي)، القواعد مختلفة — الضوء الأحمر + الأخضر = الأصفر، والثلاثة بأقصى شدة = الأبيض.
ما الفرق بين الخلط الإضافي والطرحي للألوان؟
يجمع الخلط الإضافي الضوء: تتجمع قنوات الأحمر والأخضر والأزرق، لذا الأحمر + الأخضر = الأصفر والثلاثة بأقصى طاقة = الأبيض. تعمل الشاشات والبروجيكتورات والتلفزيونات هكذا. يجمع الخلط الطرحي الأصباغ أو الأصباغ الملونة التي تمتص أطوال موجية من الضوء؛ كلما أضفت صبغة أكثر كلما أصبح أغمق. الأزرق + الأصفر = الأخضر، والألوان الأساسية الثلاثة معاً تنتج البني. الطباعة CMYK طرحية.
كيف أمزج لونين بصيغة hex؟
اكتب أو الصق كل رمز hex في حقله — مع أو بدون # في البداية — مثلاً #FF5733 و#33C1FF. يمزجهما الخلاط فوراً بالنسبة الحالية ويعيد رمز hex الناتج مع ما يعادله من RGB وHSL وCMYK. يُقبل أيضاً رمز hex المختصر من ثلاثة أرقام مثل #F53. انقر على أي صف نتيجة للنسخ.
هل يمكنني مزج الألوان من صورة؟
نعم. افتح لوحة 'مزج من صورة'، حمّل أي صورة أو لقطة شاشة تصميم، ثم انقر على اللوحة لأخذ عينات الألوان مباشرة من الصورة إلى فتحات الألوان الخاصة بك. يتم فك تشفير الصورة محلياً على لوحة HTML في متصفحك باستخدام JavaScript — لا يُرسل أي بيانات إلى أي خادم وتبقى صورك خاصة تماماً على جهازك.
كم عدد خطوات التدرج التي يمكنني إنشاؤها بين لونين؟
يتيح لك التحكم في الخطوات إنشاء ما بين 2 و20 عينة موزعة بالتساوي بين لونيك. إحدى عشرة خطوة تعطيك النقطتين الطرفيتين وتسع نقاط وسط — مثالية لبناء تدرج CSS أو لوحة ألوان كاملة لنظام تصميم. انقر على أي عينة فردية لنسخ رمز hex الخاص بها، أو استخدم 'نسخ الكل' للحصول على التسلسل بأكمله.
هل هي مجانية؟ هل أحتاج إلى إنشاء حساب؟
لا. خلاط الألوان مجاني تماماً بدون حساب ودون تسجيل ودون جدار دفع ودون حدود استخدام. افتح الصفحة وابدأ الخلط فوراً. على عكس بعض منصات التصميم التي تحجب الخلط المتقدم للألوان خلف اشتراك، كل ميزة هنا — النماذج الطرحية والإضافية، أخذ عينات الصور، الخلط متعدد الألوان، خطوات التدرج، وجميع تنسيقات الإخراج — متاحة مجاناً من أول زيارة.
Related tools
عرض كل الأدوات
جديد Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.
منتقي ومحوّل الألوان
اختر لونًا وحوّله بين HEX و RGB و HSL و OKLCH.
جديد مدقّق تباين الألوان
تحقّق من نِسب تباين WCAG من مستوى AA/AAA بين لون النص والخلفية.
جديد منشئ تدرّجات CSS
أنشئ تدرّجات CSS خطية وشعاعية ومخروطية مع معاينة مباشرة.
جديد منشئ ظلال الصناديق CSS
أنشئ ظلال صناديق CSS متعددة الطبقات بإعدادات جاهزة ومعاينة مباشرة. انسخ شيفرة CSS أو القيمة أو نمط React فورًا.
جديد منشئ لوحات الألوان
أنشئ لوحات ألوان متكاملة ومتجاورة وثلاثية وأحادية اللون.