调色板生成器使用方法
- 选一个基础色，或点击随机。
- 选择配色方案：单色、类似色、互补色、分裂互补色、三分色或四分色。
- 设置每个色阶的级数，以及暗端和亮端的色相偏移幅度。
- 一边看示例精灵图，一边调整最暗值、最亮值、两端饱和度和整体饱和度。
- 点击色块复制其 hex 值，或导出整套调色板。
你能得到什么
- .hex（Lospec）、.gpl（GIMP/Aseprite/Krita）、JASC .pal、Adobe .ase、Paint.NET .txt、CSS 变量
- 1×、8× 或 32× 的 PNG 色条
来自游戏开发实战的技巧
- 色相偏移是让像素画明暗显得生动的关键。20°–35° 是稳妥的范围，想要风格化、绘画感的调色板可以再调高。
- 如果想单独留一种纯高光色，就把最亮的一级控制在 95% 以下。
- 降低两端饱和度，避免最暗和最亮的级别变成荧光色。真实的阴影和高光都会失去色度。
- 生成在 OKLCH 中进行，所以相同的明度步长看起来间隔均匀，不像 HSL 色阶那样在黄色和蓝色附近忽明忽暗。
适用场景
- 从一个主色出发，为新游戏建立调色板
- 为角色的皮肤、头发和衣服制作明暗色阶
- 为 UI 探索互补的点缀色
- 为 Aseprite 制作 .ase 或 .gpl 色板
常见问题
什么是色相偏移？
不只是把颜色变暗或变亮，同时还旋转它的色相：阴影偏向蓝色或紫色，高光偏向黄色。这模拟了光线和环境色的表现，避免明暗显得浑浊。
为什么用 OKLCH 而不是 HSL？
HSL 的明度与颜色看起来的亮度不一致：50% 的黄色看起来比 50% 的蓝色亮得多。OKLCH 的明度是感知意义上的，所以各个色相的色阶都能均匀过渡。
可以导出哪些格式？
.hex、.gpl、JASC .pal、Adobe .ase、Paint.NET .txt、CSS 变量和 PNG 色板。Aseprite 可以直接打开 .gpl、.hex、.pal 和 .ase。
示例精灵图展示的是什么？
史莱姆和药水会按明度等级用前两个色阶重新上色，让你在真正的像素画上评估调色板，而不只是看色块。
颜色一定在色域内吗？
是的。如果某个颜色超出 sRGB，会在保持色相和明度的前提下降低色度，直到落入色域。