Irodori彩り

配色生成

从任意颜色生成和谐配色

简介 配色生成

从任意颜色生成和谐配色

如何使用

从单一基色或空白起步,锁定喜欢的色板,几秒内生成和谐配色。

局限与边界

配色基于色相环的几何关系;品牌语义与实际无障碍效果需要你自己判断。

配色生成

#104E8B

配色规则如何工作

和声规则按固定角度旋转色相环:类似色彼此相邻,互补色相对,三角色和四角色则均匀分布。

锁定需要保留的颜色,再重新生成其余颜色;被锁定的色块会保持原位,未锁定色块跟随新规则。

构建可访问的界面色板

先确定一个品牌色,从同一色相推导中性色阶,并把高饱和颜色留给操作和状态。

上线前用对比度检查器逐一验证文字与背景组合,并为悬停、按下状态保留更深和更浅的变体。

常见问题

和声设置会改变什么?
它决定生成颜色时色相环的旋转方式。自动模式使用均衡分布,其他模式遵循经典色彩理论。
可以保留部分颜色不变吗?
可以。点击色块上的锁定按钮,锁定后的颜色在重新生成和排序时都会保留。
如何导出色板?
可以复制 CSS 变量、下载 PNG 色条,或用书签按钮把色板保存在浏览器中。
一个色板最多几种颜色?
最多可添加到 8 种,可在任意两个颜色之间插入新色块,并拖拽调整顺序。