跳转至

调色板

调色板（Color Palettes）可让你与取色器（Color Picker）配合，生成并使用一组精心组织的颜色集合。调色板是 ScriptableObject，可在编辑器或运行时创建、配置与使用。生成器支持多种布局预设、对单个控制点（handle）的覆盖设置，以及更智能的纹理尺寸策略，让调色板资源保持轻量并适合 UI 取样。

创建调色板资源

Color Palette inspector

  1. Project 窗口 → Create → XDPaint → Color Palette。
  2. 选中该资源后，你会在 Inspector 中看到以下分区：

基础设置（Base Settings）

  • Name：调色板的可选名称
  • Palette Type：从色彩和谐类型中选择：
  • Complementary：互补色（色环上相对的两色，间隔 180°）
  • Triadic：三角色（色环上均匀分布的三色，间隔 120°）
  • Tetradic：四色（色环上均匀分布的四色，间隔 90°）
  • Analogous：邻近色（色环上相邻的颜色，通常间隔 30°）
  • Split Complementary：分裂互补（基色 + 其互补色两侧的相邻色）
  • Monochromatic：单色系（同一色相的不同明度/饱和度变化）
  • Gradient：渐变（在多种颜色之间平滑插值）
  • Custom：自定义（手动定义颜色）
  • Base Colors：用于生成的输入颜色（仅在 Custom、Gradient、Monochromatic 与 Analogous 类型中显示）

生成设置（Generation Settings，折叠项）

  • Color Count：生成的颜色数量（对某些和谐类型为固定值）
  • Generation Parameters（会随调色板类型变化）：
  • Saturation Range/Variation：调色板整体的饱和度范围/变化
  • Lightness Range/Variation：调色板整体的明度/亮度范围/变化
  • Color Spacing：相邻颜色的角度间隔（仅 Analogous）
  • Hue Rotation：渐变过程中额外的色相旋转（仅 Gradient）
  • Use Generated as Custom：将生成的颜色转换为 Custom 调色板的按钮

生成颜色（Generated Colors，折叠项）

  • 可视化色块（可点击查看详细颜色信息）
  • Color Values 数组（只读）

纹理设置（Texture Settings，折叠项）

  • Layout：Horizontal、Vertical、Grid、Radial 或 Smooth 排列
  • Smooth Transitions：启用颜色之间的平滑过渡插值
  • Auto Size：自动确定纹理尺寸
  • Width/Height：手动指定尺寸（当 Auto Size 关闭时）
  • Rotation：0°、90°、180° 或 270° 旋转选项
  • Texture Preview：带尺寸信息的可视化预览
  • Generated Texture：生成纹理资源的引用

当你修改设置时，Inspector 会自动重新生成调色板，无需手动点击“重建”按钮。

与 ColorPickerManager 搭配使用

  1. 将调色板资源指定到 ColorPickerManager → Palette Settings → Color Palette。
  2. 通过 Inspector 或脚本把模式设为 Palette。
paletteManager.SetMode(ChromaPaletteMode.Palette);

你还可以在管理器的 Palette Settings 中进一步调整取样行为（例如双三次采样、吸附光标、忽略透明/颜色等）。

备注

  • 调色板会在更改时自动重新生成；不需要手动按钮。
  • 生成纹理会被缓存，并在需要时重建。
  • 在 Editor 与运行时都可用。