支持预设与 HSL 控制的随机颜色生成器
这款随机颜色生成器能瞬间生成颜色，并让你掌控结果，而不是完全交给运气。挑选一种风格预设，或微调色相、饱和度和明度范围，每个颜色都附带可直接复制的 HEX、RGB 和 HSL 值。
既可以生成单个颜色仔细查看，也可以一次在网格中生成多达 100 个颜色。锁定喜欢的色块再重新洗牌其余颜色，把收藏的颜色保存下来、再次访问时依然在，还能把颜色导出为 CSS 变量。它专为网页设计师、UI/UX 与平面设计师，以及需要快速取得可用颜色值的开发者而打造。
如何使用随机颜色生成器
选择预设
选择任意、粉彩、鲜艳、深色、浅色、柔和或霓虹来设定整体配色风格。每个预设都会为你自动调整 HSL 范围。
设定生成数量
点击 1、5、10 或 20，也可以在自定义框中输入 1 到 100 之间的任意数字。单个颜色会显示大幅预览，多个颜色则以网格呈现。
生成颜色
点击生成或按 Space 生成一组新颜色。随时打开高级面板，拖动色相、饱和度和明度的手柄进行精确控制。
复制或收藏喜欢的颜色
点击任意 HEX、RGB 或 HSL 值即可复制，点一下爱心即可加入收藏，或用全部复制把当前所有颜色作为 CSS 变量一次取走。
功能特色
颜色预设
七种内置风格——任意、粉彩、鲜艳、深色、浅色、柔和与霓虹——一键即可设定合适的 HSL 范围。
HSL 范围滑块
拖动双手柄设定色相（0–360°）、饱和度（0–100%）和明度（0–100%），获得精确且可重复的结果。
批量生成颜色
一次生成 1 到 100 个颜色——既可是大幅单色预览，也可是便于快速复制的色块网格。
锁定颜色
在网格视图中，锁定想保留的颜色再重新生成其余颜色，一块一块地搭建配色方案。
收藏功能
用爱心图标保存你喜欢的颜色。收藏会存放在你的浏览器中，多次访问之间始终保留。
HEX、RGB 与 HSL 格式
每个颜色都同时显示三种格式。点击任意值即可直接复制到剪贴板。
导出 CSS 变量
使用全部复制或导出收藏，即可得到一段可直接粘贴的 :root CSS 自定义属性代码块。
键盘快捷键
按 Space 即可瞬间生成一组新颜色，无需动鼠标。
常见问题
随机颜色生成器是怎么工作的？
每个颜色都从你设定的色相、饱和度和明度范围中随机选取。选择预设或拖动 HSL 滑块会缩小这些范围，所以结果虽是随机的，却始终在你想要的风格之内。点击生成或按 Space 获取一组新颜色。
支持哪些颜色格式（HEX、RGB、HSL）？
每个颜色都以三种格式显示：HEX（例如 #FF5733）、RGB（rgb(255, 87, 51)）和 HSL（hsl(14, 100%, 60%)）。点击任意值即可复制到剪贴板。
怎样一次生成多个随机颜色？
点击 1、5、10 或 20 按钮，或在旁边的自定义框中输入 1 到 100 之间的任意数字。单个颜色会显示包含全部格式的大幅预览，多个颜色则以网格呈现，并附带可快速复制的 HEX 值。
能生成随机的粉彩、鲜艳或霓虹颜色吗？
可以。粉彩、鲜艳和霓虹预设各自应用不同的饱和度和明度范围——粉彩柔和淡雅，鲜艳浓烈饱和，霓虹则是高饱和的发光色调。深色、浅色和柔和预设覆盖其余的色彩区间。
怎样保留部分颜色、只更换其他颜色？
当你生成多个颜色时，每个色块都有一个锁定图标。锁定想保留的颜色，然后再次生成——被锁定的颜色保持不变，其余颜色重新洗牌。再次点击锁定即可解锁。
可以把颜色保存起来以后用吗？
可以。点击任意颜色上的爱心图标即可加入收藏，收藏会保存在你的浏览器中，再次访问时依然等着你。由于它们存放在本地存储中，如果你清除浏览器数据或使用隐私模式，收藏可能会被清空——所以记得把想长期保留的颜色导出。
怎样把颜色导出为 CSS 变量？
点击全部复制，即可把当前颜色复制为一段 :root CSS 自定义属性代码块，例如 --color-1: #FF5733;。对于已保存的颜色，可使用收藏区的导出图标，以相同格式复制它们。
我的数据是私密的吗？
是的。所有颜色生成都完全在你的浏览器中进行，你的收藏也保存在本地设备上。任何数据都不会发送到任何服务器。
还没有评论，快来发表第一条！