Mix colors directly in CSS with color-mix() 🎨
Blend two colors in any color space, no JavaScript or preprocessors needed.
color-mix(in oklch, red 30%, blue)
Supports sRGB, HSL, HWB, LCH, OKLCH, and more.
Learn more 👇
https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix
MDN Web Docs
@mdn@mastodon.social
The official MDN Web Docs account. We deliver the best web docs around. Visit → https://mdn.dev Contribute → https://mdn.dev/community
mastodon.social
MDN Web Docs
@mdn@mastodon.social
The official MDN Web Docs account. We deliver the best web docs around. Visit → https://mdn.dev Contribute → https://mdn.dev/community
mastodon.social
@mdn@mastodon.social
·
Mar 11, 2026
5
0
2
Loading comments...