color-mix() function dùng để làm gì?

color-mix() trộn hai màu theo tỷ lệ chỉ định ngay trong CSS.

Ví dụ: color-mix(in srgb, red 30%, blue) = 30% đỏ + 70% xanh.

Ứng dụng thực tế:
- Hover states: color-mix(in oklch, var(--primary), white 20%) để lighten
- Auto-generate color palettes từ base color
- Opacity-like effect không cần rgba

Hỗ trợ srgb, oklch, lab — oklch cho kết quả trộn tự nhiên và đồng đều nhất.