混色器

特征

• 在 RGB、HSL 或感知 OKLCH 空间中混合两种颜色以获得更平滑的中点。
• 比率滑块对两个端点之间的混合进行连续加权。
• 输出完整的插值比例，您可以将其复制为现成的设计系统步骤。

它是如何运作的

1. 以任意 CSS 格式设置颜色 A 和颜色 B。
2. 选择混合空间 - RGB、HSL 或 OKLCH。
3. 拖动比率滑块对混合进行加权，然后复制结果。

相关工具

• 色盲模拟器模拟颜色或图像在红色盲、绿色盲、蓝色盲或全色盲患者眼中的外观。
• 颜色转换器在 HEX、RGB、HSL、HSV 和 OKLCH 之间转换任何 CSS 颜色。以任何常见格式粘贴颜色 - 一切都在浏览器中本地计算。
• 对比检查器检查两种颜色之间的 WCAG 颜色对比度。获取普通文本和大文本的比率加上 AA / AAA 判决 — 一切都在您的浏览器本地运行。
• 图像中的调色板从图像中提取主色。选择 k 均值或中值切割，选择 2-16 个样本，然后复制为 CSS 变量或 JSON。您的图像永远不会离开您的浏览器。

Topics covered

• color blender online
• color mixer rgb
• color mixer hsl
• oklch color mixer
• color interpolation tool
• blend two colors online