← 首页
浏览器本地颜色工具
随机颜色与调色板生成器
创建紧凑调色板，锁定您喜欢的颜色，比对黑白文本的对比度，然后复制精确数值或导出 JSON。
调色板控制
在此浏览器中使用 Web Crypto。已锁定的颜色保持不变。风格模式限制 HSL 范围；它们不能保证色彩和谐。
选择尺寸和风格，然后生成调色板。
对比度仅比较不透明的RGB颜色。它们不能证明整个界面，也不考虑字体大小、重量、透明度、渐变或图像。调色板值保留在此组件中，不会添加到 URL 或存储中。常规站点分析仍可能加载而不接收这些值。
路由语言环境：zh-Hans调色板如何生成
每个未锁定色位都在当前浏览器中通过 Web Crypto 抽取。全色域模式抽取一个 24 位 sRGB 值；柔和、鲜艳、深色和浅色模式先在限定的色相、饱和度和明度区间内抽取，再转换为 sRGB；灰度模式让红、绿、蓝使用同一通道值。
生成器会避免当前调色板内出现重复颜色，并完整保留锁定色位。页面显示同一不透明颜色的 HEX、RGB 和 HSL 表示，并根据相对亮度计算它与纯黑、纯白的对比度。
示例：制作五色初稿
选择 5 个颜色和“鲜艳”风格，先生成一次，再锁定两个符合项目方向的颜色，只重新生成其余色位。可以把 CSS 变量复制到原型中，但在判断是否无障碍之前，还要用真实的文字、字号、字重、状态、透明度和背景逐项测试。
适合的用途
- 在完善设计系统前快速探索视觉方向。
- 为图表、课堂标记或游戏原型生成可准确复制的颜色。
- 把纯黑和纯白文字作为不透明色块的第一轮对比检查。
限制与检查
- 风格模式只约束 HSL 范围，不保证配色和谐、符合品牌或具有足够感知差异。
- 一个不透明 sRGB 色块的黑白对比度不能证明整个组件或界面符合 WCAG。
- 这些颜色是设计输入，不能当作密码、加密密钥，也不能证明在当前调色板之外保持唯一。
哪些数据留在本地
颜色值和锁定状态只保留在组件内存中，不会写入网址或浏览器存储。复制和下载只产生本地剪贴板或文件输出。网站常规分析可能加载，但不会收到调色板值。
随机调色板常见问题
- 能保留一个颜色，只更换其他颜色吗？
- 可以。锁定任意色块后再次生成；在解锁或重置工具前，它会一直留在原位置。
- 为什么建议的文字颜色仍可能不合适？
- 该比值只比较纯黑或纯白与一个不透明背景。真实字体、渐变、透明度、图片和交互状态仍需在实际界面中测试。
- HSL 数值是精确值吗？
- 它是从生成的 sRGB 值换算并四舍五入后的表示。需要准确交换颜色时请使用 HEX 或 RGB。
- 工具会上传我的调色板吗？
- 不会。生成、锁定、转换和对比计算都在浏览器中完成；导出后由你决定文件保存或分享的位置。
相关工具
功能和简体中文内容复核日期：2026-08-22。