颜色混合器 – 在 OKLab、RGB 或 HSL 空间中混合颜色
颜色混合器通过滑块在两种颜色之间插值,拖动时实时更新结果。选择 OKLab 获得感知均匀的混合,选择 RGB 在线性光中混合,或选择 HSL 沿色相环取最短路径。对比各个色彩空间,看看哪种混合效果适合您的工作。
颜色混合器是一款基于浏览器的颜色插值工具,用滑块混合两种颜色。拖动时结果实时更新,方便您探索过渡效果,而不是只依赖单个计算出的中点。选择 OKLab、RGB 或 HSL 来控制颜色的混合方式。
三种混合色彩空间遵循不同的规则。OKLab 是感知均匀的,因此其中点看起来均匀。RGB 在线性光中混合,适合光线混合。HSL 沿色相环取最短路径。切换色彩空间可以对比同一对颜色的不同混合效果。
当您想在工作中使用混合颜色之前预览颜色过渡时,颜色混合器很有用。颜色混合的外观取决于所用的色彩空间,因此试试 OKLab、RGB 和 HSL,有助于找到适合您目标的方式。滑块提供了一种交互方式,可在整个过渡过程中检查混合效果。
该工具完全在浏览器中运行。您的输入在设备上处理,不会上传、存储或发送到服务器。页面加载完成后,颜色混合器支持离线使用,您可以断网继续使用。
开发者、设计师和 DevOps 工程师都可以用颜色混合器快速探索颜色,无论是在常用电脑上工作,还是在浏览器中处理任务。它免费使用,无需在本地安装任何东西。
步骤 1:输入或粘贴您要混合的两种颜色。调整滑块时,工具会在两种颜色之间插值。
步骤 2:选择混合色彩空间:OKLab、RGB 或 HSL。每种方式在两种颜色之间过渡的方法不同。
步骤 3:拖动滑块探索混合效果。移动滑块时混合颜色实时更新。
步骤 4:找到想要的混合颜色后复制结果。
使用场景:检查两个品牌色之间的中点在视觉上是否均匀。OKLab 混合是感知均匀的,因此其中点看起来均匀。
使用场景:探索两种颜色之间的浅色混合。RGB 在线性光中混合,适合光线混合。
使用场景:预览色相过渡,而不绕色相环走远路。HSL 在色相之间取最短路径。
使用场景:在为工作选择混合方式之前,对比同一对颜色在 OKLab、RGB 和 HSL 中的混合效果。
使用场景:在浏览器中处理常规的颜色混合任务,无需在本地安装任何东西。
使用场景:在没有常用开发环境的电脑上工作;颜色混合器在浏览器中运行。
使用场景:预览内部的颜色值而不发送到第三方服务,因为工具在您的浏览器中处理输入。