图片与设计工具

颜色标尺

输入六位 HEX 颜色并调整不透明度,查看透明预览、RGB、HSL、未校准算术 CMYK 和配色关系。

优先本地处理无需注册隐私说明 ↗

颜色标尺

CMYK 是未校准的算术值,不是 ICC 印刷匹配。不透明度只改变预览;色名与配色使用源颜色。 数字 token 最多 64 个字符。非零输入或色相单位换算下溢为零时会被拒绝;其余计算仍受 JavaScript 浮点精度约束。

使用步骤

如何使用

  1. 输入有效的六位 HEX 并设置 0 到 1 的不透明度。
  2. 查看预览、RGB、HSL 和算术 CMYK 数值。
  3. 复制数值,或查看互补色、类似色和三角色块。
  4. 选择用途,再复制报告或下载 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 距离。保留全部最近并列项。