中文(简体)

Color Palette Editor

从多种格式导入调色板,合并、筛选、排序并重命名颜色,再导出到设计工具或代码中使用。

启动应用 免费使用 无需安装
由两个文件合并并按色相排序的 24 色调色板,一行行带名称和十六进制值的色样旁边是排除、排序和导出设置。启动应用

一个工作区处理多种调色板文件

可以打开一个或多个文件,也可以向屏幕上已有的调色板追加文件。编辑器能读取自身的 JSON 调色板格式(含 colors 数组)、Adobe 的 ASE 和 ACO 色样、CSS 自定义属性、SVG 中的颜色声明,以及包含 $AARRGGBB 值的 TXT 或 SSS 文件。每种颜色都显示名称和十六进制值,可直接复制、重命名或删除。

清理、排序、导出

  • 排除黑色、白色、纯灰色和重复的颜色值。
  • 需要时把透明度替换为完全不透明。
  • 保留源文件顺序,或按色相、饱和度、亮度、先亮度后色相、明度,或面向界面设计的分组进行升序或降序排列。
  • 为调色板命名,并下载为 JSON、Adobe ASE、Adobe ACO、SVG 总览或包含自定义属性的 CSS 文件。

从导入到完成

  1. 选择一个或多个受支持的文件;需要并入同一调色板的其他文件可以稍后追加。
  2. 设置排除项,选择排序方式和方向。
  3. 检查色样,编辑名称、复制数值或删除颜色。
  4. 输入调色板名称。
  5. 将结果下载为 JSON、ASE、SVG、ACO 或 CSS。

适合哪些用户

适合设计师、前端开发者、插画师,以及需要在不安装桌面工具的情况下检查、整理或转换一组颜色的人。了解调色板或样式文件的基础知识会有帮助,但可视化的色样视图让简单的检查和转换无需专业知识也能完成。常见用途包括把多个文件中的色样合并为一份交付文件、把 ASE 或 ACO 颜色转换为网页项目的 CSS 自定义属性,以及从 CSS 变量或 SVG 插画中提取颜色。

本地处理与限制

调色板文件完全在浏览器中读取和处理,内容不会上传到任何服务器;导出的文件在本地生成并由浏览器下载。应用从自身地址加载包括字体在内的全部文件,不向任何第三方发出请求。界面语言、主题和处理设置保存在浏览器本地存储中;导入的调色板只在页面会话期间保留在内存里,关闭页面后应用不会保存。调色板和设置都不会写入 URL,因此需要通过发送导出的文件来分享结果。

无法从零开始创建新颜色,编辑器总是以导入文件中找到的颜色为起点。CSS 导入读取自定义属性声明,支持十六进制、逗号分隔的 rgb() 或 rgba() 以及 CSS 颜色名称;不会解析样式表、变量、渐变、hsl() 或以空格分隔的新式颜色语法。SVG 导入从 fill、stroke 和 color 属性或内联样式声明中提取受支持的值,但不会解析外链样式表、渐变等绘制服务器,也不处理继承或计算得出的颜色。非 RGB 的 Adobe 颜色在编辑和导出时会转换为 RGB,因此原始颜色模型和专色元数据不会保留。超大或结构复杂的文件受浏览器内存和速度限制。没有账户、云存储、同步或协同编辑功能。复制数值需要剪贴板权限或浏览器的安全上下文。界面支持 21 种语言,并提供浅色、深色或跟随系统的外观。

上传、筛选、排序、命名和导出的主要控件都是带标签的 HTML 表单元素,可用键盘访问,主题按钮会报告按下状态。不过,部分调色板操作仍以指针为主:色样本身可以点击,但不是可用键盘聚焦的控件,生成的调色板也没有以结构化表格的形式提供给屏幕阅读器。界面动画目前也不响应“减少动态效果”的设置。