颜色混合器 - CSS：层叠样式表 | MDN

HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
Learn web development
Get to know MDN better
此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
View in English Always switch to English
此工具可通过 color-mix() 函数在任意色彩空间中混合两种颜色，并将混合后的颜色以任何 CSS 颜色格式复制出来。
两个输入颜色 color-one 和 color-two 显示在外侧，函数返回的混合颜色显示在中间。点击外侧色块可选择新的混合颜色。使用滑块调整每种输入颜色的混合比例。通过下拉菜单可更改函数输出的色彩空间。最终生成的颜色值以多种格式呈现于控件下方表格中，可直接复制。点击颜色格式名称可查看详细说明。
此页面最后更新于 2025年11月10日，由 MDN 贡献者更新。
本内容的部分版权归 mozilla.org 贡献者所有，©1998–2026。内容依据知识共享许可协议提供。