خلاط اللون

يمزج خلاط الألوان لونين في لون جديد ويظهر لك النتيجة بـ HEX وRGB وHSL. أنت تعطيه اللون الأول واللون الثاني في أي بناء جملة شائع (رمز سداسي عشري مثل #4466EE، أو قيمة rgb() أو hsl()، أو اسم CSS مثل المرجان)، واختر مقدار اللون الثاني الذي سيتم طيه فيه، وهو يحسب اللون المختلط على الفور. كما أنه يبني تدرجًا للخطوات المتوسطة بين اللونين، حتى تتمكن من رؤية الانتقال بأكمله بدلاً من نقطة وسط واحدة.

يتضاعف الشريط المتدرج كمخطط لخلاط الألوان. أدخل #FF0000 و#0000FF، اضبط خطوات التدرج على 3 واضغط على مزيج الألوان: يعرض الشريط خمس عينات، #FF0000، #BF0040، #800080، #4000BF و#0000FF، والنتيجة المختلطة بنسبة 50% هي #800080. كخلاط ألوان أساسي، فهو يمزج الضوء، وليس الطلاء. الأحمر والأصفر يعطيان اللون البرتقالي #FF8000، لكن الأزرق والأصفر يعطيان اللون الرمادي #808080 بدلاً من اللون الأخضر الذي سيعطيه صندوق الطلاء. لا يوجد عرض لخلاط عجلة الألوان، فقط اللونين اللذين تدخلهما والخطوات بينهما.

المزيج المباشر هو متوسط مرجح: بنسبة 50 بالمائة يساهم كل لون بالتساوي، وتقوم الأداة بإدخال كل قناة حمراء وخضراء وزرقاء خطيًا بين المدخلين. حرك النسبة نحو 0 واحتفظت باللون الأول؛ حركه نحو 100 وهبطت على الثاني. هذه هي نفس الرياضيات التي يستخدمها CSS للتدرج ثنائي التوقف، ولهذا السبب فإن نقطة المنتصف للتدرج من الأحمر إلى الأزرق هي اللون الأرجواني الذي تشير إليه هذه الأداة.

بالإضافة إلى المزيج العادي، يوفر الخلاط ستة أوضاع مزج قابلة للفصل محددة في مواصفات W3C Compositing and Blending (الضرب، الشاشة، التراكب، التغميق، التفتيح والاختلاف) بالإضافة إلى متوسط بسيط. هذه هي نفس العمليات التي يطبقها محررو الصور مثل Photoshop وGIMP بين الطبقات. اضرب دائمًا اللون الداكن (الأحمر في الأزرق هو الأسود)، وتفتح الشاشة دائمًا (الأحمر في الأزرق هو اللون الأرجواني)، ويمنحك الاختلاف مسافة قناة تلو الأخرى بين لونين. تعمل النسبة بعد ذلك مثل عتامة الطبقة، وتتحكم في مدى قوة تطبيق النتيجة الممزوجة على اللون الأول.

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