# 单色生成器

使用这款单色生成器，根据一种基色生成单色调色板。输入 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 选项，因此对于相同的基础色，两个工具都会返回相同的五个十六进制颜色代码。

在这里投放广告？

[给我们发邮件](mailto:hi@dennn.is?subject=%E5%9C%A8%20OneClick%20Pro%20%E4%B8%8A%E6%8A%95%E6%94%BE%E5%B9%BF%E5%91%8A)

[广告 适用于 WordPress 的智能体就绪型插件套件。](https://sleekwp.com/?ref=oneclickpro)