使用方法
- 在「数量」框填入想要生成的深色个数，范围一到二十四，默认六个。
- 点击「生成深色」按钮，或在数量框内按回车触发计算。
- 结果区会以色块加 HEX 值的形式逐行列出每种深色。
- 点击「复制全部」即可把这一组 HEX 值一次性复制到剪贴板。
- 把得到的色值直接粘进设计稿、CSS 变量或代码里使用。
若你要把颜色用于印刷而非屏幕，请注意 HEX 是发光模型的颜色，印刷前最好再转到 CMYK 核对；本工具专注屏幕场景，给出的是标准的网页十六进制值，适合网页、应用与界面设计，日常做暗色主题时直接取用即可，无需再额外调整。
这个 深色颜色生成器 能解决什么
做暗色模式、夜间界面或海报底色时，最怕随手挑的颜色「不够暗」或者彼此之间明度不统一，放一起显得脏。深色颜色生成器 专门生成低亮度区间的十六进制颜色，色相、饱和度、亮度都由固定规则控制，保证每一颗都落在「深而干净」的范围内，省去你来回试错的功夫。
它适合前端开发者、UI 设计师、独立游戏作者和任何需要一套协调深色的人。无论是给暗色主题配背景、给按钮找主色，还是给数据图表挑一组对比柔和的深色，都能快速拿到可落地的 HEX 值，直接写进代码。
本工具用固定种子的伪随机算法生成 HSL 三个分量：色相在零到三百五十九之间随机，饱和度控制在百分之三十到八十，亮度严格限制在百分之八到二十二。亮度上限被压得很低，因此即便饱和度偏高也不会刺眼，整体观感沉稳。
所有颜色都在浏览器本地计算，不会上传任何数据，适合在未公开的品牌规范、内部设计系统里试用。你关掉页面后什么都不会留下，用起来私密安心。
因为使用固定种子，相同数量永远得到完全相同的一组颜色，方便你把它写进文档、分享给同事，或在多次迭代中保持配色一致，不会出现「昨天那组深色去哪了」的尴尬。
在搭建设计系统时，深色不是随便挑一个近黑就够了，还要考虑与前景文字的对比、与相邻面板的层次。本工具产出的颜色亮度统一，天然更容易组成有秩序的界面骨架，减少设计师在几十个接近黑色之间反复比对的时间。
对独立开发者而言，它还能用于生成图表配色：一组亮度接近但色相不同的深色，放在深色背景上既区分明显又不刺眼，比高饱和亮色更适合长时间浏览的数据看板与监控大屏。
在准备演示文稿时，深色背景配深色块容易糊成一片，本工具通过锁定亮度下限，保证生成的颜色彼此有足够区分度，又能和深色背景和谐共存，省去你反复试色的精力。
对前端而言，这组颜色还能直接导出为 CSS 变量，写进 :root 里作为设计令牌，后续换肤或维护只改一处，符合现代主题化的开发习惯，也便于团队统一设计规范。
原理和变量
对每一个颜色，先用固定种子线性同余算法依次取三个零到一之间的随机数：第一个映射到色相 0-359，第二个映射到饱和度 0.30-0.80，第三个映射到亮度 0.08-0.22。再把 HSL 转成 RGB，最后逐通道转成两位十六进制并补零拼接成 HEX。由于亮度区间被锁死在低位，输出必然是低明度的深色。
亮度被锁在低区间，意味着即便饱和度拉满，颜色也不会「发飘」；而饱和度保持下限，又避免颜色灰扑扑失去辨识度。两者共同围成一个「深而干净」的可用区间，这正是多数暗色主题想要的质感。
| 变量 | 含义 | 区间 | 说明 |
|---|---|---|---|
| 数量 | 要生成的深色个数 | 1 到 24 | 默认 6 |
| 亮度区间 | 每种颜色的 HSL 亮度 | 8% 到 22% | 决定「有多暗」 |
| 饱和度区间 | 每种颜色的 HSL 饱和度 | 30% 到 80% | 决定「有多艳」 |
| 色相 | 每种颜色的 HSL 色相 | 0 到 359 | 决定「是什么色」 |
完整示例
以数量等于 6、固定种子等于 1 为例，工具依次生成六个深色，每个都以色块加 HEX 的形式列出，例如某次结果可能形如「#1a2b4c、#3d2a5e、#0f3a2e……」（具体色值由固定算法确定）。因为种子固定，任何人用相同数量都会得到完全一致的那一组颜色，可复现、可对照、可写进规范文档。
转 HEX 时，每个通道都会补足两位，例如红色分量十进制的十会写成「0a」而非「a」，保证最终是标准的六位十六进制，直接可用于 CSS 与各类设计软件。
当你需要一组而不是一个深色时，本工具的价值最明显：连续生成六个，它们色相分散、亮度一致，天然构成一套协调的梯度，直接作为背景、卡片、边框、强调色使用，无需再手动微调彼此关系。
当你把数量调到接近上限 24，就会得到一整页协调的深色梯度，适合一次性为大型仪表盘或主题系统铺底，再从中挑选若干作为层级色，效率远高于逐个手动取色与反复比对。
低亮度配色场景对照表
下表列出常见深色使用场景、推荐的亮度区间与示例 HEX，方便你按用途挑选或作为生成结果的参考。表格行数较多，点击「加载更多」展开剩余内容，也可用 CSV 或 TSV 按钮导出。
| 场景 | 推荐亮度 | 示例 HEX |
|---|---|---|
| 深夜模式背景 | 8%-12% | #0b1020 |
| 卡片底色 | 12%-16% | #141a2e |
| 侧边栏 | 10%-14% | #101522 |
| 按钮主色 | 16%-20% | #1d2740 |
| 强调深蓝 | 14%-18% | #14233f |
| 暗紫背景 | 12%-16% | #1a1230 |
| 墨绿面板 | 10%-14% | #0f2018 |
| 深红警示 | 14%-18% | #2a1015 |
| 深棕木色 | 12%-16% | #1f140c |
| 石墨灰 | 14%-18% | #1c1c1f |
| 深夜青 | 10%-14% | #0c1f22 |
| 暗金点缀 | 18%-22% | #2a2310 |
| 深靛蓝 | 12%-16% | #121a33 |
| 黑曜石 | 8%-10% | #0a0a0d |
| 暗玫红 | 16%-20% | #2b1020 |
| 深青蓝 | 12%-16% | #0e1c2e |
结果边界与错误提示
下面列出本工具在数量、亮度与输出环节的边界条件与对应提示，方便你快速判断当前是哪一项不符合要求，并照着提示修正后重新生成。
- 数量为空或非数字时，提示「数量必须是 1 到 24 之间的整数，请检查数量输入框」。
- 数量小于 1 时，提示「数量超出范围：当前填了 N，请在 1 到 24 之间重新填写」。
- 数量大于 24 时，同样提示超出上限，不会生成更多颜色。
- 数量填小数时按整数截断，例如 6.9 视为 6 个。
- 亮度被算法锁在 8%-22%，所以结果一定是深色，不会出现浅色。
- 结果区每个 HEX 都是标准六位十六进制，可直接用于 CSS。
- 复制失败时通常是浏览器未授权剪贴板，可手动选择文本复制。
- 所有颜色均为本地计算，不调用任何远程接口，离线可用。
常见问题
关于深色生成、复现性与使用场景，下面整理了八个常见问题，覆盖了从参数含义到导出复制的大部分疑惑，基本能解决你初次使用时的常见顾虑。
为什么生成的颜色都偏暗？
这是本工具的定位：亮度被严格限制在 8% 到 22%，目的就是产出低明度深色，适合暗色主题与夜间界面。
每次生成结果一样吗？
在固定种子下，相同数量会得到完全相同的一组颜色，方便你复现与写进设计规范。
能生成浅色吗？
不能，本工具专注深色；若需要浅色，请使用普通取色或调高亮度的工具。
数量最多能生成多少？
单次上限为 24 个，足够覆盖一套完整的深色梯度；如需更多可分批生成再合并。
HEX 值为什么是六位？
每个 RGB 通道转十六进制后都补零到两位，保证是标准六位 HEX，避免某些软件识别出错。
我的操作会被保存吗？
不会。所有计算仅在本页完成，刷新或关闭即消失，没有任何上传或存储行为。
对照表能导出吗？
可以，点击「导出 CSV」下载带表头的数据，点击「复制 TSV」则可直接粘贴进表格软件。
和手动调色板比有什么优势？
它保证亮度统一、风格协调，且可复现，比凭感觉逐个调更快也更一致。