تأثير دوتون اللوني الثنائي

تحويل درجات الظلال والإضاءة إلى توليفة من لونين متباينين بأسلوب سبوتيفاي العصري.

100% داخل المتصفح • مجاني 100%

اختر صورة لتطبيق تأثير دوتون الثنائي

اسحب وأفلت صورة JPG أو PNG أو WebP هنا، أو انقر للاختيار من جهازك.

دليل تقني مفصل•8 دقائق قراءة•فريق هندسة 2RUN
معالجة محلية 100% بلا خوادم

تعيين التدرج والتناغم اللوني: الدليل التقني لتأثيرات ثنائي اللون (Duotone)، الإضاءة الإدراكية وجماليات العلامات التجارية

⚡كيفية تطبيق تأثير ثنائي اللون في 3 خطوات بسيطة

1

1. استيراد صورتك

اسحب وأفلت صورة JPEG أو PNG أو WebP أو AVIF أو TIFF مباشرة في كانفاس استوديو ثنائي اللون، أو انقر لاستعراض الملفات المحلية. يتم تحميل صورتك فورياً في ذاكرة المتصفح دون رفع أي بايت إلى خوادم خارجية.

2

2. اختيار ألوان الظلال والمناطق الساطعة

اختر من بين إعدادات المصممين الجاهزة أو أدخل رموز HEX المخصصة لعلامتك التجارية للظلال والإضاءات. وتتحدث لوحة المعاينة المباشرة بمعدل 60 إطاراً في الثانية، مما يتيح لك مراقبة تعيين التدرج ثنائي اللون السلس في الوقت الفعلي.

3

3. تصدير أصلك المصمم باحترافية

راجع صورتك ذات اللونين للتحقق من حدة الحواف والانتقالات النغمية المتناغمة. انقر فوق 'تنزيل' لحفظ تحفتك الفنية ثنائية اللون عالية الدقة والمطابقة لهوية علامتك التجارية مباشرة على جهازك.

إن جمالية تأثير ثنائي اللون (Duotone)—المحتفى بها في الطباعة التحريرية المعاصرة، ونشر الأزياء الراقية، وواجهات البث الرقمي العالمية (مثل الهوية البصرية العالمية الشهيرة لمنصة Spotify)—تستبدل طيف الألوان الفوضوي متعدد القنوات للصورة الفوتوغرافية بدرجتين لونيتين مميزتين ومختارتين بعناية. ومن خلال التعيين الرياضي لمناطق الظلال العميقة إلى صبغة أساسية غنية، والمناطق الساطعة إلى درجة متباينة وحيوية؛ يحول تعيين تدرج ثنائي اللون اللقطات العادية إلى لوحات بصرية مصممة بأسلوب المعارض الفنية تتناغم بسلاسة مع أنظمة تصميم العلامات التجارية للمؤسسات.

وقد نشأت معالجة ثنائي اللون الرقمية تاريخياً من الطباعة الحجرية الأوفست في القرن التاسع عشر، حيث تم دمج لوحين ماديين من الحبر (الحبر الأسود تقليدياً لعمق الظلال وحبر ملون ثانٍ للفروق الدقيقة في النغمات) لتوسيع النطاق الديناميكي للمطبوعات أحادية اللون، وتطورت لتصبح أداة رئيسية للإخراج الفني الرقمي. وإلى جانب جاذبيته البصرية المذهلة، يوفر تأثير ثنائي اللون فائدة وظيفية هائلة: فهو يوحد الصور الفوتوغرافية المتباينة تحت رموز الست عشري الدقيقة للشركات، ويضمن تبايناً متوافقاً مع معايير WCAG للنصوص المتراكبة، ويقلل بشكل كبير من أحجام ملفات الصور لتسليم فائق السرعة عبر الويب. ويحسب مولد تأثير ثنائي اللون المدمج في المتصفح لدينا تعيينات تدرج 2D Canvas المسرّعة عتادياً عبر مخازن البكسل الخام غير المضغوطة مباشرة في ذاكرة جهازك—مقدماً تصميماً فورياً بمستوى الاستوديوهات دون أي رفع للخوادم، وبزمن انتقال شبكي صفري، وبخصوصية تامة للبيانات من جانب العميل.

اقرأ الدليل التقني الكامل

إعادة التعيين الرياضي للإضاءة: إسقاط متجه ITU-R BT.709 الإدراكي

يختلف تحويل ثنائي اللون اختلافاً جوهرياً عن صبغة الألوان البسيطة أو الغمر أحادي اللون. فبينما يضع تلوين الصور صبغة مسطحة واحدة فوق الإطار بأكمله، يسقط تعيين تدرج ثنائي اللون الإضاءة القياسية لكل بكسل عبر متجه مستمر ثنائي النقاط في فضاء ألوان RGB ثلاثي الأبعاد.

ويتم التنفيذ الرياضي على مرحلتين متمايزتين: 1. استخراج الإضاءة الإدراكية: يقيّم المحرك السطوع المدرك لكل بكسل غير مضغوط وفقاً للمعيار الدولي ITU-R BT.709: $$Y = 0.2126R + 0.7152G + 0.0722B$$ وتعين هذه المعادلة بيانات RGB ثلاثية القنوات إلى إحداثي إضاءة قياسي معاير $y \in [0.0, 1.0]$، مما يعكس بدقة متناهية حساسية شبكية العين البشرية للأطوال الموجية الخضراء. 2. الاستيفاء الخطي للمتجهات (Lerp): بالنظر إلى متجه لون الظل الذي يختاره المستخدم $\mathbf{C}_{\text{shadow}} = [R_s, G_s, B_s]^T$ ومتجه لون الإضاءة الساطعة $\mathbf{C}_{\text{highlight}} = [R_h, G_h, B_h]^T$، يُحسب لون الإخراج $\mathbf{C}_{\text{out}}$ على النحو التالي: $$\mathbf{C}_{\text{out}} = (1 - y) \times \mathbf{C}_{\text{shadow}} + y \times \mathbf{C}_{\text{highlight}}$$ ونظراً لأن الاستيفاء يحدث على طول تدرج رياضي مستمر، يتم الحفاظ على التباينات الدقيقة وتعبيرات الوجه والتفاصيل النسيجية الدقيقة بوضوح لا تشوبه شائبة. وتثبت الظلال العميقة في صبغة الظل، وتتألق المناطق الساطعة بلون الإضاءة، وتمزج النغمات المتوسطة كلا اللونين في تدرجات سلسة وعضوية.

نظرية التباين اللوني: اقترانات عجلة الألوان المتناغمة

تعتمد القوة الجمالية لتأثير ثنائي اللون كلياً على العلاقة اللونية بين لوني الظل والإضاءة اللذين تختارهما. ويستفيد خبراء الألوان من مبادئ تناغم الألوان الكلاسيكية لإثارة استجابات عاطفية محددة: 1. الأضداد التكميلية عالية الطاقة: يؤدي إقران درجات لونية من جوانب متقابلة تماماً في عجلة الألوان إلى إنشاء مرئيات حيوية ومفعمة بالطاقة. وتشمل الاقترانات الشهيرة ظلال الكحلي العميق (#0F172A) مع إضاءات المندرين النيونية (#F97316)؛ والبرقوقي الليلي (#3B0764) مع الليموني الكهربائي (#FACC15)؛ والأخضر الغابي (#064E3B) مع الوردي المرجاني (#FB7185). 2. الرقي التحريري المتناظر (المتجاور): ينتج عن اختيار الألوان المتجاورة على عجلة الألوان أجواء تحريرية أنيقة وهادئة. فإقران النيلي العميق (#1E1B4B) مع السماوي الناعم (#38BDF8) يستحضر تقنية الشركات الهادئة، بينما يشع العنابي (#881337) المقترن بالعنبر الدافئ (#F59E0B) دفء الضيافة الفاخرة. 3. متطلبات التباين النغمي الأساسية: لتحقيق أقصى قدر من الفصل البصري، تأكد من وجود مسافة إضاءة جوهرية بين اختياريك. وإذا اشترك كل من لوني الظل والإضاءة في قيم سطوع متشابهة، فستبدو النتيجة مسطحة وموحلة.

هندسة الطباعة وقراءة النصوص المضمونة وفق معايير WCAG

من الصعوبات المستمرة لمطوري الويب ومصممي الجرافيك الحفاظ على وضوح قراءة النصوص فوق الصور الفوتوغرافية الترويجية في الخلفية. فالصور كاملة الألوان القياسية تحتوي على تجمعات فوضوية من البكسلات الفاتحة والداكنة—قد يكون العنوان الأبيض مقروءاً تماماً فوق معطف داكن، ولكنه يصبح غير مقروء تماماً عند مروره فوق نافذة مضاءة بنور الشمس.

ويحل تعيين تدرج ثنائي اللون أزمة قراءة الواجهة هذه بالكامل. فمن خلال استبدال ملايين التغيرات اللونية غير المتوقعة بلوني علامة تجارية محددين بدقة، يصبح النطاق الضوئي للصورة بأكملها قابلاً للتنبؤ به رياضياً.

على سبيل المثال، إذا قمت بتعيين الظلال إلى الكحلي العميق (#0F172A، إضاءة نسبية $L \approx 0.01$) والإضاءات إلى الأزرق الإردوازي المتوسط (#6366F1، $L \approx 0.16$)، فإن الحد الأقصى للإضاءة عبر الصورة بأكملها لا يمكن أن يتجاوز 0.16. ويضمن هذا للنص الأبيض المتراكب (#FFFFFF، $L = 1.0$) تحقيق نسبة تباين تزيد عن $6.2:1$ في كل مكان عبر الصورة—متجاوزاً بسهولة عتبة المستوى AA الإلزامية في WCAG 2.1 (4.5:1) دون الحاجة إلى مربعات تعتيم خرقاء أو ظلال إسقاط كثيفة.

مكاسب هائلة في ضغط الملفات: ميزة إنتروبيا البعد الواحد

من المزايا التقنية المذهلة لصور ثنائي اللون قابليتها الفائقة للضغط. ففي الصورة الفوتوغرافية القياسية كاملة الألوان، تتقلب قنوات بكسل الأحمر والأخضر والأزرق بشكل مستقل عبر ثلاثة أبعاد مكانية، مما يخلق إنتروبيا معلومات شانون عالية تتطلب ميزانيات بايتات كبيرة للترميز.

أما في صورة ثنائي اللون، فإن جميع التغيرات اللونية مقيدة رياضياً بخط واحد أحادي البعد داخل مكعب ألوان RGB ثلاثي الأبعاد. وتترابط قنوات التلون ($Cb$ و$Cr$ في تنسيقات JPEG وWebP) ترابطاً شبه مثالي مع قناة الإضاءة ($Y$).

وتستفيد برامج الترميز الحديثة ذات الضغط الفاقد وغير الفاقد (JPEG وWebP وAVIF) من هذه الإنتروبيا اللونية المنخفضة أثناء مراحل تحويل الجيب تمام المنفصل (DCT) وترميز الإنتروبيا الحسابي. ويتم تصدير أصول ثنائي اللون بانتظام بأحجام ملفات أصغر بنسبة 50% إلى 75% من الصورة الأصلية كاملة الألوان بنفس الدقة البصرية، مما يوفر دفعة هائلة لأداء مقاييس الويب الأساسية من Google (أكبر رسم للمحتوى - LCP).

مسار التصميم التحريري وهوية العلامة التجارية الاحترافي

لتحقيق لمسة تحريرية عالمية المستوى، ادمج تأثير ثنائي اللون في مسار إبداعي منظم عبر حزمة أدوات 2run.tools: 1. تأطير العنصر عبر قص الصور أو قص الأفاتار: تخلص من فوضى الخلفية الزائدة وركز على العنصر الأساسي باستخدام أداة [قص الصور](/ar/tools/image/crop/) أو [قص الأفاتار](/ar/tools/image/avatar-crop/). 2. التوسع النغمي عبر ضبط التباين: عزز التباين (+15% إلى +35%) قبل تطبيق ثنائي اللون لتوسيع المسافة الفاصلة بين الظلال والإضاءات عبر أداة [ضبط التباين](/ar/tools/image/adjust-contrast/). 3. إعادة تعيين التدرج عبر مولد ثنائي اللون: طبق الرموز الست عشرية الخاصة بهوية علامتك التجارية للظلال والمناطق الساطعة بدقة. 4. إبراز العلامة التجارية عبر إضافة علامة مائية نصية: ضع نصوص العلامة التجارية الحادة وعالية التباين فوق كانفاس ثنائي اللون المتناسق عبر أداة [إضافة علامة مائية نصية](/ar/tools/image/add-text-watermark/). 5. التجهيز فائق السرعة للويب: اضغط الأصل النهائي خفيف الوزن للتسليم الفوري عبر شبكات CDN العالمية باستخدام [ضغط الصور](/ar/tools/image/compress/) أو [تحويل PNG إلى WebP](/ar/tools/image/convert-png-to-webp/).

💡نصائح احترافية لتصميم ثنائي اللون بمستوى الاستوديوهات

  • •تنتج الصور الفوتوغرافية عالية التباين ذات الظلال العميقة والمناطق الساطعة النقية التأثيرات ثنائية اللون الأكثر دراماتيكية وتأثيراً.
  • •قم بإقران الألوان التكميلية (مثل ظلال الكحلي العميق مع إضاءات العنبر الدافئة) لخلق جاذبية تحريرية مفعمة بالحيوية.
  • •إذا بدا وجه العنصر مظلماً أو باهتاً، فعزز التعرض الضوئي باستخدام أداة ضبط التعرض قبل تطبيق خريطة تدرج ثنائي اللون.
  • •تنضغط صور ثنائي اللون بشكل استثنائي—توقع أحجام ملفات أصغر بنسبة تصل إلى 75% عند الحفظ بتنسيق WebP الحديث.
  • •استخدم تأثير ثنائي اللون في لافتات واجهة الموقع لضمان وضوح وقراءة النصوص البيضاء عالية التباين وفقاً لمعايير WCAG.

🛡️تسريع جدول البحث (LUT) وبنية الخصوصية دون رفع للبيانات

إن حساب استيفاءات المتجهات ذات الفاصلة العائمة متعددة القنوات عبر صور ذات دقة تبلغ عدة ميغابكسلات من شأنه أن يخلق تأخيراً كبيراً في واجهة المستخدم إذا حُسبت لكل بكسل عند كل تفاعل للمستخدم. ويزيل محرك ثنائي اللون لدينا هذا العبء من خلال بنية جدول البحث (LUT) المحسوبة مسبقاً. ونظراً لأن الإضاءة الإدراكية القياسية بدقة 8 بت يمكن أن تحل فقط إلى 256 قيمة صحيحة منفصلة (من 0 إلى 255)، فإن محركنا يقيّم معادلة الاستيفاء الخطي للمتجهات 256 مرة بالضبط كلما تغيرت ألوان الظلال أو الإضاءات، مما يملأ مصفوفة بحث بحجم 768 بايت في ذاكرة التخزين المؤقت L1 للمعالج. ثم يعبر محرك عرض الصور مخزن `ImageData` الخام (`Uint8ClampedArray`) في HTML5 Canvas، حاسباً مؤشر الإضاءة الصحيح $Y$ ومنفذاً ثلاثة استبدالات فورية للبايتات بزمن $O(1)$: $R' = \text{lut}[Y \times 3]$ و$G' = \text{lut}[Y \times 3 + 1]$ و$B' = \text{lut}[Y \times 3 + 2]$. ويُعاد تعيين صورة بدقة 24 ميغابكسل في أقل من 12 مللي ثانية. والأهم من ذلك أن جميع عمليات توليد جدول البحث وعرض الكانفاس وترميز تدفقات الملفات تتم محلياً بنسبة 100% داخل مساحة الذاكرة الآمنة لمتصفحك. ولا تلمس صورك الخاصة وحملاتك التسويقية الحصرية وأصول العملاء الخوادم السحابية الخارجية أبداً. خصوصية تامة للبيانات من جانب العميل مع ضمان عدم التعرض لأي مخاطر سحابية.

التقنيات: WebAssembly • خيوط معالجة Web Workers المتعددة • واجهة HTML5 Canvas

الخصوصية: لا تغادر الملفات جهازك ولا تُخزَّن سحابيًا؛ والتحليلات تعمل بموافقتك فقط.

لماذا تختار أدوات المتصفح المحلية؟

عندما تقوم بضغط صورة أو دمج ملف PDF على 2run tools، يتم تشغيل الكود مباشرة داخل لسان التبويب في متصفحك باستخدام WebAssembly و Web Workers. لا نقوم إطلاقاً ببث أي بيانات إلى خوادم سحابية. تقاريرك المالية، صورك الشخصية، واتفاقياتك القانونية تظل على جهازك دائماً.

خصوصية تامةداخل المتصفح
معالجة فوريةمعالجة فائقة السرعة
غير محدود حقاًبلا قيود

الأسئلة الشائعة حول تأثيرات ثنائي اللون (Duotone)

ما الفرق بين تأثير ثنائي اللون (Duotone) وتلوين الصورة (Color Tint)؟▾

تطبق أداة تلوين الصورة صبغة لونية شفافة واحدة فوق الصورة بأكملها، مع إبقاء الألوان الأصلية مرئية تحتها. بينما يستبدل تأثير [ثنائي اللون](/ar/tools/image/duotone/) جميع الألوان الأصلية تماماً، حيث يعين أغمق الظلال إلى لون واحد وأكثر المناطق إشراقاً إلى لون ثانٍ متباين.

ما الذي يجعل الصورة الفوتوغرافية ملائمة لتأثير ثنائي اللون؟▾

تنتج الصور الفوتوغرافية ذات التباين النغمي القوي والظلال الواضحة والإضاءات النقية أفضل نتائج لثنائي اللون. وقد تبدو الصور المسطحة المضاءة بالتساوي باهتة؛ وإذا كانت صورتك تفتقر إلى التباين، فقم بزيادته أولاً باستخدام أداة [ضبط التباين](/ar/tools/image/adjust-contrast/) لدينا.

لماذا تنضغط صور ثنائي اللون إلى أحجام ملفات أصغر بكثير؟▾

في صورة ثنائي اللون، تقع جميع الألوان على طول خط أحادي البعد في فضاء الألوان ثلاثي الأبعاد. يقلل هذا بشكل كبير من الإنتروبيا اللونية، مما يسمح لخوارزميات الضغط (JPEG وWebP وAVIF) بترميز الصورة بعدد بايتات أقل بنسبة تصل إلى 75%.

هل يمكنني إدخال رموز الست عشري الخاصة بهوية شركتي؟▾

نعم! يمكنك الاختيار من بين إعدادات المصممين المنسقة أو إدخال رموز HEX المخصصة والدقيقة لكل من الظلال والإضاءات، مما يضمن الامتثال بنسبة 100% لإرشادات علامتك التجارية.

ماذا يحدث للخلفيات الشفافة عند تطبيق تأثير ثنائي اللون؟▾

يقوم محركنا بعزل قناة ألفا وحمايتها بدقة. وتبقى مناطق الخلفية الشفافة شفافة بنسبة 100%، وتتلقى الرسومات والبكسلات المرئية فقط تعيين تدرج ثنائي اللون.

هل يمكنني معالجة عدة صور عالية الدقة على التوالي في متصفحي؟▾

نعم. يمكنك معالجة الصور تباعاً مباشرة داخل لسان المتصفح. ونظراً لأن جميع الحسابات تُنفذ محلياً باستخدام المعالج متعدد الأنوية لجهازك، فإن التصميم والتنزيل لا يستغرقان سوى ثوانٍ معدودة لكل ملف دون أي انتظار للخوادم.

هل يتم رفع صوري الشخصية أو المهنية الخاصة إلى خوادمكم؟▾

أبداً. تعمل 2run.tools وفق بنية خصوصية صارمة قائمة على المعالجة من جانب العميل. وتُنفذ جميع عمليات فك ترميز الصور وتعيين جدول البحث وتوليد الملفات محلياً بنسبة 100% في ذاكرة متصفح جهازك. ولا تغادر صورك جهازك أبداً، مما يضمن الخصوصية والأمان التامين.

مواقع في أقل من 0.8 ثانية
أعلى معايير الأداء والسرعة
افحص
ذراع برمجي لوكالات التصميم
سرية تامة وتسليم باسمكم
شراكة
سيو تقني من الكود المصدري
تصدر غوغل بدون أخطاء أرشفة
السيو
بناء تطبيقات ويب ومنصات SaaS
ملكية كود كاملة وبنية سحابية
ابدأ
حول الزيارات إلى مبيعات
زيادة 34% في معدل الشراء
افحص