颜色名与混色
HEX / RGB 与常用颜色名双向对照,另可把两色按比例混合出新色并给出结果色值;查色名、调混色一站搞定。
>_ 使用指南 · GUIDE
把颜色值在 HEX / RGB 与常用颜色名之间双向对照,再把两种颜色按比例混合出新色并给出结果色值。看到一个陌生色值想知道它叫什么、或想算出两色混合后的结果,都能在这里一步完成。
颜色名来自 CSS 命名色集合(一批标准关键字),但要注意匹配是就近近似——当你输入一个不在命名色表里的色值时,工具会返回视觉上最接近的那个名字,而不是宣称它是精确命中;判断依据是颜色距离。混色则是按 RGB 通道逐项线性插值(加色混合),与颜料的减色混合不同:红与绿各一半得到的是偏黄的结果,而不是颜料调和出的那种暗色。
典型步骤:
- 输入 HEX / RGB 或色名:任意一种写法都能识别
- 查看双向对照结果:得到对应的颜色名与色值
- 取第二色并设比例:设定要混合的另一个颜色与占比
- 读取混合后的色值并复制:拿到新色直接用于设计
>_ 常见问题 · FAQ
Q1 · 颜色名是怎么匹配的,精确吗?
匹配是就近近似,不是精确相等。CSS 命名色只有固定一批关键字,当你输入的色值不在其中时,工具会按颜色距离返回离它最近的名字作为近似。所以「这个色值叫什么」给出的答案是「最接近的名字」,若追求精确,请以 HEX / RGB 数值为准。
Q2 · 混合是加色还是减色?
是加色混合——按 RGB 三个通道分别做线性插值并相加。加色是屏幕发光的模型,与颜料、油墨的减色混合(CMYK)不同。因此蓝与黄各一半在加色下偏灰白,而颜料调和会偏绿,这是两套模型本身的差异,不是工具算错。
Q3 · 支持透明度吗?
颜色名对照与混色都以不透明的 RGB 颜色为基础,透明度(Alpha)不参与命名匹配,也不在混色公式里单独处理。若你的场景需要半透明叠加,请把透明度当作额外的合成步骤,在本工具给出的结果色之上再自行计算。
Q4 · 和「颜色换算」「配色方案」工具的分工是什么?
几者定位不同:颜色换算(colorcv)专注在不同颜色格式之间的相互转换,配色方案(palette)负责成套色板的推导与搭配;本工具聚焦色名对照与两色按比例混色这两件事。要拆格式用换算,要配方案用色板,要查名字或混两种色用本工具。
Q5 · 输入什么格式都能识别吗?
常见写法基本都能识别:#RRGGBB 或 #RGB 短写的 HEX、rgb(...) 函数写法、以及标准颜色名关键字。尽量使用规范的取值,避免缺位补零或含非法字符导致解析失败。