使用方法: 颜色混色器

颜色混色器 是一款免费在线颜色工具工具，可在浏览器中即时blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios。粘贴数据、调整选项即可实时获得结果——无需安装、无需注册，任何数据都不会上传到服务器。

立即使用 颜色混色器 →

说明

Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

  • 颜色工具
  • 由于全部计算都在客户端完成，使用 API 密钥、令牌或私有日志等敏感数据处理时，颜色混色器 同样安全。
输入 颜色混色器 输出 100% 在浏览器内运行——数据不会离开您的设备。
颜色混色器 — 输入 → 输出

使用方法

使用 颜色混色器 只需三步：

  1. 将数据粘贴到输入框（或载入示例）。
  2. 根据目标格式或使用场景调整选项。
  3. 复制、下载或查看输出——输入时结果实时更新。
使用方法 · 颜色混色器 1 将数据粘贴到输入框（或载入示例）。 2 根据目标格式或使用场景调整选项。 3 复制、下载或查看输出——输入时结果实时更新。
使用方法

运行

示例

Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.

输入

#0ea5b7

输出

#0ea5b7 + #ffffff at 50% (mixed in RGB)

Result
  HEX   #87d2db
  RGB   rgb(135, 210, 219)
  HSL   hsl(186.4, 54.0%, 69.3%)

Contrast against white : 1.71:1
Contrast against black : 12.26:1

Ramp (9 steps)
    0%  #0ea5b7
   13%  #2cb0c0
   25%  #4abcc9
   38%  #68c7d2
   50%  #87d2db
   63%  #a5dde4
   75%  #c3e9ed
   88%  #e1f4f6
  100%  #ffffff

CSS
  --mix: #87d2db;
  background: linear-gradient(90deg, #0ea5b7, #ffffff);

此输出由工具真实运行产生，并非人工编写。

使用场景

颜色混色器 常见的使用场景：

  • Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

参数说明

此工具没有可配置参数，直接对输入内容生效。

常见问题

什么是 Color Mixer？

Color Mixer 用于blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios。它完全在浏览器内运行，数据保持私密。

Color Mixer 可以免费使用吗？

可以。Color Mixer 免费、无次数限制，无需注册或安装。

我的数据会被上传吗？

不会。所有处理都在本地浏览器完成，不会发送到任何服务器。

注意事项

  • 全部计算在浏览器端完成，因此超大输入受限于标签页内存，而非服务器上传限制。

相关工具

十六进制颜色选择器Interactive picker with HEX, RGB and HSL output.颜色 Code 转换器Convert between HEX, RGB, HSL and named colors.颜色对比度检查器(WCAG)Verify text contrast ratios against WCAG AA/AAA.颜色调色板生成器Shades, tints and complementary schemes from one color.随机颜色生成器Batch random colors with copyable codes.CSS 命名颜色参考表All 148 CSS color names with codes and previews.

颜色混色器 → · 颜色工具 →

立即使用 颜色混色器 →