خلاط اللون

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

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

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

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