跳到主要内容

让颜色组织更稳定

调色板不只是存放颜色。它还决定了你的取色节奏、着色顺序、预设复用方式,以及多个项目之间如何保持统一的配色语言。建议先熟悉基础操作,再逐步使用插值、采样、预设和高级替换能力。

基础操作

/doc-imgs/palette-view.jpeg
调色板窗口
  • 点击色块:选中该颜色,并将它设为当前笔色。
  • 拖动重排:直接拖动色块即可调整位置。
  • 双击写入当前笔色:双击已有色块或空槽,可把当前笔色写入该位置。
  • 删除颜色:在 iOS 上,可把色块拖出调色板区域删除;在桌面端 / Android 上,可先选中颜色,再用动作栏或菜单中的删除入口移除。
  • 滚动浏览:当颜色变多时,调色板会出现滚动区域,方便浏览整张调色板。
调色板滚动

如果你想先看清不同平台上调色板的整体布局,可以直接参考下面这两张总览图。

/new-medias/drawing/drawing-palette-ios-overview.jpeg
iOS 调色板总览
/new-medias/drawing/drawing-palette-desktop-overview.png
桌面端调色板总览

生成与整理颜色

颜色名称、标题与快捷操作

  • 锁定调色板:锁定后,可避免误改颜色、误删色块或误触重排。
  • 显示颜色名称:开启后,可直接在色块上显示颜色名称,便于整理色票和团队沟通。
  • 重命名当前颜色:开启颜色名称显示后,可直接重命名当前选中的颜色项。
  • 显示调色板名称:调色板名称会随文档一起保存,并可显示在调色板窗口标题中。
  • 动作栏快捷入口:iOS 和桌面端的调色板动作栏都提供锁定、显示颜色名称、横向 / 纵向插值、加载预设、删除当前颜色等快捷操作。

桌面端增强

桌面端和 Android 的调色板工作流更偏向键盘鼠标与数位板,因此还有一组更高效的整理方式:

  • 多选与批量操作:可选中一段颜色范围后进行移动、复制、剪切或删除。
  • Shift 扩选:在当前选区基础上继续扩展范围,适合快速整理整排或整块颜色。
  • Alt / Option + 鼠标滚轮导航:无需切换焦点即可在调色板中快速前后浏览颜色。
  • HEX 拷贝与粘贴:桌面端颜色入口支持通过右键处理 HEX,包括颜色编辑按钮、Pen Color(笔色)、调色板格子和材质颜色球基础色。复制单个调色板颜色时,也会把 HEX 写入系统剪贴板。
/new-medias/drawing/drawing-palette-desktop-multi-select.gif
桌面端调色板多选与批量操作
/versions/d30/1.30.2/da_color_edit_button_support_copy_paste_menu.gif
颜色入口中的 HEX 拷贝与粘贴

调色板重排与排序(桌面端 / Android v1.30.2+)

当你需要重新整理调色板布局,但不想逐个拖动颜色时,可以使用 重排/排序。 该对话框可在确认前预览结果,支持升序/降序、按 Luminance(亮度)排序,并可在存在多选色块时只排序选中范围。

智能分组还可以把排序后的颜色按更自然的组关系分行,适合在排序后继续保持色阶或色相组的可读性。

/versions/d30/1.30.2/da_palette_sorting_has_preview.png
调色板重排/排序中的预览与排序选项
/versions/d30/1.30.2/da_palette_smart_grouping.gif
调色板重排/排序中的智能分组

颜色插值

颜色插值用于在两个锚点色之间自动生成过渡色。横向和纵向都可以插值,既能补齐空槽,也能按两端颜色重新整理中间一段颜色。

颜色插值示例
  • 横向 / 纵向:可在动作栏中直接点击,也可通过菜单执行。
  • HSV / RGB 模式:可根据想要的过渡效果选择更自然或更机械的插值方式。
  • 整理明暗阶:当你已经有起点色和终点色时,插值特别适合快速补齐中间层级。
/versions/r51/color_interplation_mode_cn.png
颜色插值模式选择
颜色插值操作演示

从画布、参考图或图片生成

通过 菜单 ▸ 调色板 ▸ 生成自,可以直接从画布、参考图或外部图片生成调色板。

  • 来源类型:支持从当前作品、参考图,或单独导入的图片提取颜色。
  • 生成数量:生成时会询问最大颜色数量,而不是在偏好设置里提前固定。
  • 去除半透明颜色:如果源图里包含较多半透明像素,系统会在生成时询问是否过滤。
  • 继续导入流程:生成完成后,会进入导入流程,再决定如何放入当前调色板。
从画布采样调色板
采样提示
  • 尽量不要把 JPG 当作取样来源。JPEG 压缩会带来细碎色差,容易生成过多接近但不完全相同的颜色。
  • 如果源图里有较多半透明像素,建议根据用途决定是否去除半透明颜色。
  • Resprite 会在限定数量内做颜色筛选与归类,让结果更适合继续整理和绘制。
/versions/r46/remove_semi_colors_cn.jpeg
去除半透明颜色选项

如果你主要是想确认入口位置,这张图能更直接地说明“生成自”菜单里有哪些来源。

/new-medias/drawing/drawing-palette-generate-from-menu.png
调色板生成自菜单

预设、导入与导出

通过 菜单 ▸ 调色板,可以保存、加载、导入、导出和清空调色板。常见工作流包括:

  • 保存到预设:把当前调色板存进预设库,供其他项目复用。
  • 导出为文件:支持导出为 RPLGPL
  • 从文件加载:可从本地文件把调色板导入到当前文档。
  • 清空与重排:在需要重新整理时,可直接清空当前调色板,或重新排列颜色布局。

支持的格式:

  • RPL.rpl):Resprite 自有格式,可保留色块在网格中的位置。
  • GPL.gpl):通用调色板格式,适合跨软件交换颜色。

调色板预设管理器

偏好设置 ▸ 调色板菜单 ▸ 调色板 ▸ 加载 中,都可以打开预设管理器。

预设管理器适合做这些事:

  • 保存自制调色板,反复用于不同作品。
  • 重命名和删除用户预设,保持预设库整洁。
  • 设置默认调色板,让新建作品时自动套用。
  • 加载到当前文件,把选中的预设直接送入当前精灵。
  • 桌面端补充:桌面端还可以直接打开调色板预设所在文件夹,方便手工整理文件。

通过链接导入调色板

Resprite 也支持通过兼容的网页链接或应用深链接直接导入调色板。

  • 打开即预览:导入前会先显示调色板预览,方便确认颜色数量和整体风格。
  • 选择导入目标:可导入到当前文件,也可直接保存到预设库。
  • 可直接打开常见调色板站点链接:例如 PixelArtPalettes、Lospec 这类调色板页面,无需先下载文件。
  • iOS 支持管理受信任网站:对已授权的网站会做记忆,之后可在设置中查看和管理。
  • 适合收藏与复用:当你在网页上看到合适的色票时,可以更顺滑地带回 Resprite。
/versions/r54/ios_import_palette_from_website_directly.gif
通过兼容的网站链接直接导入调色板

iOS 当前支持的高级能力

自动替换颜色

在 iOS 上,可通过 菜单 ▸ 调色板 ▸ 自动替换颜色 启用这项能力。

它适合做全局配色调整:

  • 调整调色板中的某个已有颜色时,画布上所有使用该颜色的像素都会同步替换。
  • 它很接近传统索引色工作流,适合快速整体换色。
  • 对于像素数量较大的作品,颜色重分配可能需要一点时间。

如果你主要在 iOS 上整理最终配色,这项能力会很有价值。

取色器与显示偏好

调色板和取色器并不是两套完全独立的系统。你可以按自己的工作流,把它们调成更适合当前项目的样子。

调色板相关偏好

不同平台的具体设置项不完全相同,但通常可以调整这些内容:

  • 色块尺寸:改变每个色块的显示大小。
  • 显示调色板名称:决定是否把调色板名称显示在窗口标题中。
  • 显示边框:桌面端可控制色块边框显示。
  • 笔色显示方式:可把当前笔色显示在调色板区域或其他更顺手的位置。

取色器布局

取色器提供多种布局,适合不同的选色习惯。

/doc-imgs/color-picker-with-sliders.jpeg
滑杆模式取色器

材质颜色球

材质颜色球适合快速组织高光、中间调和阴影颜色,也适合在结构化绘制流程中辅助塑形。

/versions/r53/material_color_sphere_demo_with_isometric_grid_snapping.gif
材质颜色球

HSL 光谱模式

HSL 光谱模式更适合按色相连续挑选颜色,并快速控制明度与饱和度变化。

/versions/r52/hsl_spectrum_mode.png
HSL 光谱模式

如果你想先理解整体色相分布,再进入更细的颜色编辑,这种布局会更顺手。

/versions/r52/hsl_spectrum_mode_color_picker.png
HSL 光谱模式取色器

色轮与环形布局

如果你更习惯围绕色相环来找颜色,也可以切换到色轮或环形布局。

/versions/r48/radial_brush_control.png
环形调板与笔刷控制

环形布局更强调“边选色边调笔刷”的一体化体验;如果你更偏向传统色轮,再切换到下面的色轮布局会更自然。

/versions/d28/wheel_color_picker_cn.png
色轮取色器

如果想让界面更简洁,可以只保留调色板或顶部笔色显示,并关闭独立的取色器窗口。

继续阅读