颜色工具

十六进制颜色转换器

将3位或6位十六进制颜色代码转换为RGB、HSL格式,并提供亮度估算值。支持#前缀自动处理与空格修剪。

运行工具

本工具用于验证并转换十六进制颜色代码。您只需输入包含三位或六位十六进制数字的颜色字符串(可选带#号),系统会自动去除周围空格并将三位简写扩展为六位标准格式。转换结果支持多种输出选项:选择“全部”可同时获取HEX、RGB和HSL表示;选择特定格式则仅显示对应颜色值及亮度估算。HEX输出采用小写字母并带#前缀,RGB通道值为整数,HSL的色相、饱和度和亮度均为四舍五入后的整数值。亮度估算基于加权公式计算,范围为0到255。若输入包含Alpha通道、RGB函数字符串或非法字符,系统将提示转换失败。默认输入颜色为#3498db,默认输出格式为全部。适用于网页设计、前端开发及色彩匹配场景,确保颜色数据准确规范。

使用说明

  1. 在“十六进制颜色”字段中输入颜色代码,支持3位或6位十六进制数字,可带#号。
  2. 在“输出格式”下拉菜单中选择需要的结果类型:全部、Hex、Rgb或Hsl。
  3. 点击运行按钮,查看转换后的颜色值及亮度估算结果。
  4. 如需复制结果,直接从输出面板选中并复制文本。
  5. 若输入无效,请检查是否包含非十六进制字符或多余空格。

示例

  • 输入 #3498db,输出格式选“全部”,得到 HEX: #3498db, RGB: rgb(52, 152, 219), HSL: hsl(204, 70%, 53%), 亮度: 139.719
  • 输入 fff,输出格式选“Rgb”,得到 RGB: rgb(255, 255, 255), 亮度: 255.000

常见问题

支持哪些输入格式?

仅支持3位或6位十六进制数字字符串,可选带#前缀。不支持RGB函数、Alpha通道或非十六进制字符。

亮度估算值代表什么?

亮度估算是基于红绿蓝加权计算的数值,范围0-255,用于参考颜色明暗,并非WCAG或无障碍标准评估。

输入有空格会影响结果吗?

不会,系统会自动修剪输入字符串前后的空格。

为什么转换失败?

通常因为输入包含非法字符、长度不对或使用了不支持的格式(如rgba)。请检查输入是否为纯十六进制数字。

嵌入此工具

使用以下代码,将这个可直接使用的 SmartPlusLab 工具添加到您的网站。