ایجاد پالت های رنگی با تابع
CSS color-mix().

تابع color-mix() به ما این امکان را می دهد که دو رنگی را که می خواهیم با هم مخلوط کنیم را مشخص کرده و سپس نتیجه را خروجی می دهیم. ما می توانیم مقدار هر رنگ در ترکیب را کنترل کنیم و تعیین کنیم رنگ ها چگونه با هم ترکیب شوند.

مقدار هر رنگ را به صورت درصد مشخص می کنیم. اگر درصد هر دو رنگ را حذف کنیم، color-mix() به طور پیش فرض از 50% برای هر کدام استفاده می کند. همانطور که در زیر نشان داده شده است، مخلوط کردن قرمز و آبی در قسمت های مساوی رنگ بنفش را همانطور که انتظار می رود به ما می دهد

.result {
  background-color: color-mix(in srgb, blue, red);
}

#css
💎 Channel: @htmlcss_channels