Mistura declarativa na folha de estilos, sem preprocessador obrigatório.
color-mix() é uma função de CSS que produz uma nova cor interpolando duas cores de entrada, com proporção configurável e, em navegadores alinhados ao módulo Color 4, escolha de espaço de cor para a interpolação (por exemplo in srgb).
Algo como misturar 70% de azul e 30% de branco para obter um azul claro sem criar um terceiro token manualmente. Em design systems, isso reduz variáveis duplicadas: você deriva tons a partir de primária + superfície.
A página Mistura de cores faz operação parecida no navegador com dois hex e um controle deslizante: útil para prototipar antes de levar a fórmula para color-mix() ou para Sass. Opacidade cobre outro tipo de "mistura", com canal alpha.
Nem todo usuário está em navegador com suporte completo; mantenha fallback em hex ou variável CSS fixa para bases críticas. Consulte caniuse em paralelo a este glossário.