fiokit.

配色方案生成器

生成协调的配色方案,或从图片提取主要颜色,并导出为 CSS 变量。

将指针移到字段上或选中字段即可查看帮助。按 Escape 关闭。

选中图片后会提取主要颜色。要使用配色关系,请先清空图片。

使用方法

选择颜色和配色类型,或导入图片。运行后点击色块复制色值,也可下载 CSS 变量。

实用示例

颜色

#155bdf

常见问题

输入内容会发送到服务器吗?

不会。内容在当前浏览器中处理,不会发送到服务器或保存。

使用 配色方案生成器 需要注意什么?

通过采样和量化提取图片颜色。配色协调并不保证对比度符合无障碍要求。