Loading...
Loading...
混合两种颜色，并生成中间的渐变过渡
选两种颜色，拖动比例滑块，混合出来的色块就跟着实时变，下方还铺出两色之间九段等距的渐变。每一块都能点一下复制 HEX 或 RGB，配色时不用再自己心算通道平均值。默认两色是 #3b82f6 和 #ec4899。
混合就是对两个 6 位 HEX 值逐通道做线性插值，全在浏览器里随拖随算，色值不外传，也没有请求要等。
滑块决定两色各占多少，从 100% A 一直拖到 100% B，旁边的读数会标出确切的 A／B 占比
把两色之间的过渡铺成九个等距色块（含两端），直接拿去拼 CSS 渐变
一个按钮把混合色复制成 HEX，另一个复制成 RGB，九段渐变里每一块也是点了就复制自己的 HEX
取色和混色都是纯前端运算，不用登录；页面加载后断网也照样能算
想要正中间那个过渡色，把滑块停在 50%；想偏向某一色，就往那一头拖。渐变条上随便哪一块，点一下就复制它自己的 HEX。
用取色器或直接输入 6 位 HEX 设定颜色 A 和颜色 B
拖动比例滑块——读数会显示 A、B 各占的百分比
看上方混合出来的颜色，HEX 和 RGB 都给出
点复制按钮或任意一段渐变，取走对应色值
在两个品牌色之间找个均衡的中间色，拿来做 hover 态、描边，或一块低饱和的背景
把中间几段过渡色取出来拼 CSS 线性渐变，不用在开发者工具里靠肉眼凑
让底色往白或黑混一点，派生出同色系里偏亮和偏暗的变体
成批生成过渡色用于阴影和高光，不必每一档都重新手调 RGB
先把 HEX 解析成 RGB，再按滑块权重（比例／100）逐通道插值——纯前端运算，没用任何调色库。
颜色值只留在浏览器里，不存储、不外传，混色过程不发任何网络请求。
每拖一下滑块，混合色和九段渐变全部重算，快到能跟住拖动，没有延迟。