跳至内容
设计与色彩

颜色转换器(HEX、RGB、HSL、HSV)

粘贴 hex 代码、rgb() 值或 hsl() 值并获取每个常见的表示形式,以及预览样本和最接近的命名 CSS 颜色。当设计工具和样式表在格式上不一致时很有用。

4 最小读取值已更新 2026-11-04

主要事实

类别
设计与色彩
价格
自由的
帐户
不需要
加工
在您的浏览器中
输入
本地文件或粘贴数据
平台
现代桌面和移动浏览器

它的作用

粘贴 hex 代码、rgb() 值或 hsl() 值并获取每个常见的表示形式,以及预览样本和最接近的命名 CSS 颜色。当设计工具和样式表在格式上不一致时很有用。

通过实时样本和对比度提示在 HEX、RGB、HSL 和 HSV 之间进行转换。

如何使用

这是使用 颜色转换器 的简短版本。

  • 输入颜色 — 输入或粘贴 HEX、RGB、HSL 或 HSV;解析器接受速记的十六进制和百分比值。
  • 读取每种格式 — 该工具显示 hex、rgb()、rgba()、hsl()、hsla()、hsv 和相对亮度。
  • 复制你需要的值 — 每种格式都有自己的复制按钮,因此您不必手动重新格式化。

重要的功能

颜色转换器 做得很好。

  • 没有任何东西离开您的设备 — 这项工作发生在您的浏览器选项卡中。此应用程序中没有上传端点,因此我们无法存储、记录或查看您的文件和文本。
  • 无需等待上传 — 您完全跳过了到服务器的往返过程。结果受您自己的 CPU 限制,而不是受网络速度或队列大小限制。
  • 免费、无账户、无配额 — 无注册墙,无水印,无每日限制。可选帐户仅用于跨设备保存收藏夹和预设。

常见问题

我的颜色值在这里使用安全吗?

是的。该工具完全使用 JavaScript 在您的浏览器中运行。您粘贴或打开的任何内容都不会发送到服务器,并且页面在关闭后不会保留任何副本。

我需要创建一个帐户吗?

不需要。每个工具都无需登录即可完全使用。帐户仅添加已保存的收藏夹和可重复使用的预设。

它可以在手机上使用吗?

是的。该界面是移动优先的,具有大触摸目标和堆叠布局,因此它适用于手机、平板电脑以及台式机。

HSL 和 HSV 有什么区别?

两者都用饱和度和亮度/值来描述色调,但它们映射到不同的颜色实体。 CSS使用HSL; HSV 在拾取器和图形软件中很常见。

hex 支持透明度吗?

是的,作为 8 位 hex (#RRGGBBAA),其中最后一对是 Alpha 通道。对于较旧的浏览器支持,请改用 rgba()。

打开颜色转换器(HEX、RGB、HSL、HSV)

立即尝试 - 它在您的浏览器中运行并且不需要帐户。

打开工具