← 返回工具箱

颜色名与混色

COLOR NAME · 设计与媒体

HEX / RGB 与常用颜色名双向对照,另可把两色按比例混合出新色并给出结果色值;查色名、调混色一站搞定。

颜色名查询
混色
A
B
结果值
颜色名大小写不敏感、忽略空格;最近色按 CIE Lab ΔE76 计算;混色为 sRGB 逐通道线性插值。

>_ 使用指南 · GUIDE

把颜色值在 HEX / RGB 与常用颜色名之间双向对照,再把两种颜色按比例混合出新色并给出结果色值。看到一个陌生色值想知道它叫什么、或想算出两色混合后的结果,都能在这里一步完成。

颜色名来自 CSS 命名色集合(一批标准关键字),但要注意匹配是就近近似——当你输入一个不在命名色表里的色值时,工具会返回视觉上最接近的那个名字,而不是宣称它是精确命中;判断依据是颜色距离。混色则是按 RGB 通道逐项线性插值(加色混合),与颜料的减色混合不同:红与绿各一半得到的是偏黄的结果,而不是颜料调和出的那种暗色。

典型步骤:

  1. 输入 HEX / RGB 或色名:任意一种写法都能识别
  2. 查看双向对照结果:得到对应的颜色名与色值
  3. 取第二色并设比例:设定要混合的另一个颜色与占比
  4. 读取混合后的色值并复制:拿到新色直接用于设计

>_ 常见问题 · FAQ

Q1 · 颜色名是怎么匹配的,精确吗?

匹配是就近近似,不是精确相等。CSS 命名色只有固定一批关键字,当你输入的色值不在其中时,工具会按颜色距离返回离它最近的名字作为近似。所以「这个色值叫什么」给出的答案是「最接近的名字」,若追求精确,请以 HEX / RGB 数值为准。

Q2 · 混合是加色还是减色?

是加色混合——按 RGB 三个通道分别做线性插值并相加。加色是屏幕发光的模型,与颜料、油墨的减色混合(CMYK)不同。因此蓝与黄各一半在加色下偏灰白,而颜料调和会偏绿,这是两套模型本身的差异,不是工具算错。

Q3 · 支持透明度吗?

颜色名对照与混色都以不透明的 RGB 颜色为基础,透明度(Alpha)不参与命名匹配,也不在混色公式里单独处理。若你的场景需要半透明叠加,请把透明度当作额外的合成步骤,在本工具给出的结果色之上再自行计算。

Q4 · 和「颜色换算」「配色方案」工具的分工是什么?

几者定位不同:颜色换算(colorcv)专注在不同颜色格式之间的相互转换,配色方案(palette)负责成套色板的推导与搭配;本工具聚焦色名对照与两色按比例混色这两件事。要拆格式用换算,要配方案用色板,要查名字或混两种色用本工具。

Q5 · 输入什么格式都能识别吗?

常见写法基本都能识别:#RRGGBB 或 #RGB 短写的 HEX、rgb(...) 函数写法、以及标准颜色名关键字。尽量使用规范的取值,避免缺位补零或含非法字符导致解析失败。

嵌入代码

把下面的代码复制到你的网页,即可将本工具嵌入为 iframe(自动隐藏导航与页脚)。

高度px
此工具在你的浏览器本地运行,输入内容不会上传。按 Ctrl K 可随时切换到其他工具。