单色生成器
使用这款单色生成器，根据一种基色生成单色调色板。输入 3 位或 6 位十六进制代码，工具会保留其色相和饱和度，并在 10% 至 90% 的范围内向两个方向分别调整亮度 30 和 15 个百分点，返回五种深浅色调的十六进制代码，并将基色置于中间。非常适合需要构建平和、统一的 UI 颜色阶梯和主题的设计师和开发者。
常见问题
单色生成器会返回什么？
它会以 6 位小写十六进制代码返回五种颜色。颜色 3 是基色，颜色 1 和 2 是同一色相的较深版本，颜色 4 和 5 则是较浅版本。
深浅色调如何计算？
工具会将你的十六进制代码转换为 HSL，并只调整亮度：分别减去 30、减去 15、增加 15 和增加 30 个百分点。色相和饱和度保持不变，因此五种颜色都属于同一色系。
亮度有下限或上限吗？
有。较暗的色阶亮度不会低于 10%，较亮的色阶不会高于 90%，因此色阶不会达到纯黑或纯白。
为什么使用特别暗或特别亮的基色时，会得到重复或意料之外的颜色？
由于 10% 和 90% 的限制，接近两端的色阶会合并为相同的值。对于 #000000，两种较暗的色阶都会变成 #1a1a1a，反而比基色更亮；对于 #ffffff，两种较亮的色阶都会变成 #e6e6e6。
纯红色会生成什么调色板？
对于 #ff0000，该工具会返回 #660000、#b30000、#ff0000、#ff4d4d 和 #ff9999。红色的亮度为 50%，因此会覆盖完整范围，包含两个更暗和两个更亮的色阶。
可以输入哪些颜色格式？
输入一个 3 位或 6 位十六进制颜色代码，可带或不带 #，例如 #3366cc 或 36c。不接受 RGB 和 HSL 表示法以及颜色名称，请先将其转换为十六进制。
为什么我的基色返回时略有变化？
色相、饱和度和亮度会四舍五入为整数，因此转换为 HSL 再转回来时，某个通道可能会偏移一个色阶。例如，#ff5733 在色阶中间会显示为 #ff5833。
它适用于灰色吗？
适用。与基于色相的方案不同，单色阶会改变亮度，因此灰色会生成更亮和更暗的灰色。黑色和白色受上述 10% 到 90% 范围的限制。
如何在界面中使用单色调色板？
将最深的颜色用于文字和边框，基础色用于主要操作，最浅的颜色用于背景和悬停状态。请使用 WCAG 对比度检查器检查文本对比度，因为相邻色阶的亮度仅相差 15 个百分点。
结果与调色板生成器的结果相同吗？
是的。此工具运行的正是 Color Palette Generator 中的 Monochromatic 选项，因此对于相同的基础色，两个工具都会返回相同的五个十六进制颜色代码。