数值与表示法

颜色转换器

转换 CSS HEX、RGB、HSL 与标准颜色名,预览颜色并保留透明度。

数据留在浏览器文件与文本在此标签页处理。
颜色转换器本地处理
请至少输入一个值。

数值与表示法

基本原理

RGB 代表红、绿、蓝光;HEX 把通道写成十六进制字节;HSL 代表色相、饱和度和明度。Alpha 控制透明度,与明度不同。

功能介绍

每行粘贴一个 CSS 颜色,选择 HEX、RGB 或 HSL 后转换。第一个颜色显示三种表示,色块后的棋盘格有助于辨识透明度。

使用方法

  1. 选择 HEX、RGB 或 HSL 输出。输入格式会自动识别;要将 #336699 转成 rgb(51, 102, 153),请选择 RGB。
  2. 每行粘贴一个值,或打开 UTF-8 文本文件。
  3. 点击转换、检查结果,再复制或下载 TXT。修改输入会清除旧结果,撤销可恢复上一次输入和设置。

错误与限制

支持长短 HEX、RGB 百分比、HSL 和标准颜色名。RGB 必须为 0–255,Alpha 为 0–1 或 0–100%。HEX 透明度位于最后一个字节。不支持 HWB、Lab、color() 和相对颜色,转换会舍入为 8 位 RGB。

上限为输入 200,000 字符、500 个值、输出 1,000,000 字符;遇到无效行时整批停止。

常见问题

#33669980 中的 80 是 80% 不透明度吗?

不是。十六进制 80 是 128,Alpha 为 128/255,约 50.2%。80% 不透明度请用 rgba(51, 102, 153, 0.8)。

我的数值会被上传吗?

不会。计算和文件读取都在此浏览器标签页完成,不会把数值写入网址或传给转换服务,下载文件由你自行保管。

相关工具