颜色标尺
输入六位 HEX 颜色并调整不透明度,查看透明预览、RGB、HSL、未校准算术 CMYK 和配色关系。
颜色标尺
CMYK 是未校准的算术值,不是 ICC 印刷匹配。不透明度只改变预览;色名与配色使用源颜色。 数字 token 最多 64 个字符。非零输入或色相单位换算下溢为零时会被拒绝;其余计算仍受 JavaScript 浮点精度约束。
使用步骤
如何使用
- 输入有效的六位 HEX 并设置 0 到 1 的不透明度。
- 查看预览、RGB、HSL 和算术 CMYK 数值。
- 复制数值,或查看互补色、类似色和三角色块。
- 选择用途,再复制报告或下载 UTF-8 TXT;编辑后需重新转换。
六位 HEX 范围
仅接受带或不带 # 的六位不透明 HEX。三位简写、含 alpha 的 HEX、RGB 输入和色名不在本工具范围内。
透明预览
不透明度为有限数值,范围是 0 到 1。棋盘格预览表示 CSS 合成,不会改变源颜色。
颜色参考
RGB 距离是透明可复现的通道欧氏距离。最近色名仅限现有 148 色 CSS 映射;CMYK 是未校准算术值,不是 ICC 印刷匹配。
全部最近并列项与完整格式
参考为标准 148 个 CSS 色名,包含别名。使用原始伽马编码 RGB 通道(0–255)的欧氏距离平方,列出全部最小距离并列项。它不是感知匹配、品牌调色板或商业颜色标准。保留 RGB、HSL、算术 CMYK(含黑色 K 通道)。互补色(+180°、−180°、原色)、类似色(+30°、−30°、原色)与三角色(+120°、−120°、原色)的每个色块包含四种格式。
流程与报告下载
选择 CSS 编写、设计交付或学习场景。复制或下载真实 UTF-8 TXT,包含原始 HEX 和不透明度、带单位解析 RGB/HSL、颜色模型、全部数值、全部最近并列项与距离及每个配色。数值使用 JavaScript Number 精度,HEX 取整为 8 位。不透明度只改变棋盘格预览,不假定背景、不匹配合成色。编辑或重置会使结果失效;剪贴板失败时仍可选择报告。 数字 token 最多 64 个字符。非零输入或色相单位换算下溢为零时会被拒绝;其余计算仍受 JavaScript 浮点精度约束。
常见问题
你可能还想知道
CMYK 能匹配打印机吗?
不能。这只是未校准的算术转换,不是 ICC 配置文件转换或印刷打样。
会搜索多少个 CSS 色名?
工具搜索现有固定的 148 个 CSS 色名映射,包括别名。
可以输入 alpha HEX 吗?
不可以。请准确输入六位 HEX,并使用不透明度控件制作透明预览。
为什么会返回多个色名?
CSS 有 aqua/cyan、gray/grey 等别名,不同颜色也可能拥有相同 RGB 距离。保留全部最近并列项。