运行工具
本十六进制颜色选择与转换工具支持输入常见的三位或六位 HEX 颜色代码，并自动将其解析为 RGB 与 HSL 等常用色彩表示格式。如果输入的颜色代码前未带有井号“#”，工具会自动补充处理；若输入为三位缩写格式（如“F00”），也会自动补齐展开为六位标准代码。未指定任何颜色时，系统默认采用“#ff5733”作为示例值。转换完成后，用户可以直观查看到大写与小写十六进制字符串、格式化后的 RGB 与 HSL 文本、各色彩分量的具体数值，以及基于加权亮度算法得出的明暗分类标记。色相、饱和度与亮度等数值均采用四舍五入保留整数，便于在网页开发、UI 设计与样式表中快速复用。遇到不符合十六进制规范的输入字符时，界面会直接给出相应的错误提示。
使用说明
- 在“十六进制颜色”输入框中输入三位或六位颜色代码（例如 #3498db 或 3498db），也可以直接使用默认值。
- 根据需求勾选或保持默认选项。
- 点击转换按钮提交数据。
- 在下方结果区域查看大写和小写 HEX 字符串、RGB 与 HSL 格式文本、各项数值分量以及明暗分类。
示例
- 输入六位代码“#4a90e2”：结果输出 HEX 大写形式“#4A90E2”与小写形式“#4a90e2”，RGB 格式“rgb(74, 144, 226)”，HSL 格式“hsl(212, 72%, 59%)”，并标记明暗分类为浅色。
- 输入三位缩写代码“fc0”：自动补齐展开为“#ffcc00”，转换输出 HEX“#FFCC00”、RGB“rgb(255, 204, 0)”以及 HSL“hsl(48, 100%, 50%)”。
常见问题
如果输入的颜色代码没有加“#”号，工具能识别吗？
可以正常识别。输入带或不带“#”前缀的三位或六位代码均可，系统会自动进行规范化处理。
色相、饱和度与亮度（HSL）的数值是如何计算与呈现的？
工具将十六进制转换得到的色相、饱和度与亮度百分比四舍五入为整数后展示，便于直接复制到 CSS 样式中。
颜色明暗是如何判定的？
系统根据红、绿、蓝分量的加权亮度公式进行计算，当加权亮度数值大于 128 时判定为浅色，否则为深色。
如果输入了无效的字符会怎样？
若输入的字符不符合十六进制颜色规范，结果区域会显示明确的格式错误提示，方便检查修正。