technine.io

工具

颜色转换器

使用颜色选择器及色板转换 HEX、RGB 及 HSL。

HEX: #006ABF
RGB: rgb(0, 106, 191)
HSL: hsl(207, 100%, 37%)

输入六位 HEX 颜色值,即可查看 RGB、HSL 和色块,方便快速核对颜色。

使用方法

  1. 使用取色器,或输入例如 #006ABF 的颜色值。
  2. 查看色块下方的 RGB 和 HSL。
  3. 复制结果到样式表、设计说明或交接文档。

适用场景

准备 CSS 颜色值
把设计给出的 HEX 值转换为样式表需要的 RGB 或 HSL。
核对品牌颜色
通过色块确认六位 HEX 值是否为所需颜色。

支持的颜色输入

  • 文本框只接受六位 HEX 颜色,可带或不带 #。
  • 工具会将 HEX 转为 RGB 和 HSL;不接受 RGB、HSL、颜色名称或透明度值作为输入。
  • HSL 会显示为整数。

常见问题

可以输入 #fff 吗?

不可以。请使用完整的六位格式,例如 #FFFFFF。

可以设置透明度吗?

不可以。此工具只处理不透明的六位 HEX 颜色。

可以把 RGB 转回 HEX 吗?

目前不可以,请从六位 HEX 值开始。

为什么 HSL 是整数?

色相、饱和度和明度会四舍五入为整数,便于查看和复制。

咨询WhatsApp