MDN Web Docs @mdn@mastodon.social
Public

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 👇
developer.mozilla.org/en-US/do

The MDN logo

color-mix() - CSS | MDN

The color-mix() functional notation takes two <color> values and returns the result of mixing them in a given colorspace by a given amount.

developer.mozilla.org · MDN Web Docs

0
0
0

If you have a fediverse account, you can quote this note from your own instance. Search https://mastodon.social/users/mdn/statuses/116210665640935049 on your instance and quote it. (Note that quoting is not supported in Mastodon.)