从图片中提取颜色或选择基础色,生成和谐美观的配色方案——100% 在浏览器本地运行,免费且私密。
免费使用 →上传、拖拽、粘贴或通过 URL 加载图片,使用中位切割量化算法提取主色调,并按占比排序显示。
基于任意基础色生成单色系、类似色、互补色、分裂互补色、三角配色和四边形配色方案。
每个色块同时显示三种格式的颜色值,点击即可一键复制。
将调色板应用到真实界面示例中预览效果,包含背景、文字、按钮和强调色。
内置 AA/AAA 级对比度检测,帮助你保证文字的可读性和无障碍访问性。
导出为 CSS 变量、Tailwind 配置、SCSS 变量或 JSON,也可下载 PNG 色卡图片。
图片通过 Canvas 在本地处理,不会上传到任何服务器。
切换到「图片」标签上传照片,或使用「颜色」标签直接选取基础色。
点击提取出的色块,或使用拾色器/HEX 输入框设置配色方案的基础色。
在 6 种色彩理论方案中切换,调色板和预览界面会实时同步更新。
点击任意颜色值复制,或将整套方案导出为 CSS、Tailwind、SCSS、JSON 或 PNG 图片。