Mistura declarativa na folha de estilos, sem preprocessador obrigatorio.
color-mix() e uma funcao de CSS que produz uma nova cor interpolando duas cores de entrada, com proporcao configuravel e, em navegadores alinhados ao modulo Color 4, escolha de espaco de cor para a interpolacao (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 variaveis duplicadas: voce deriva tons a partir de primaria + superficie.
A pagina Mistura de cores faz operacao parecida no navegador com dois hex e um controle deslizante: util para prototipar antes de levar a formula para color-mix() ou para Sass. Opacidade cobre outro tipo de "mistura", com canal alpha.
Nem todo usuario esta em navegador com suporte completo; mantenha fallback em hex ou variavel CSS fixa para bases criticas. Consulte caniuse em paralelo a este glossario.
Ver tambem: Gamut · Luminancia