运行工具
本工具用于在 HEX、RGB 和 HSL 三种常用色彩格式之间进行快速转换。输入颜色数据并指定对应的源格式后，系统会自动完成格式解析并生成标准十六进制代码、RGB 表达形式及 HSL 色彩参数。针对 HEX 格式，支持带或不带井号（#）的三位与六位十六进制文本；对于 RGB 格式，需提供介于 0 到 255 之间的红、绿、蓝三个通道数值；对于 HSL 格式，色相角度将在 360 度圆周内自动循环换算，饱和度与明度分量若超出 100% 则自动限制为 100%。点击转换后，结果区域会清晰列出完整的颜色文本、各项整数数值分量以及实时的色彩预览方块，便于前端开发和平面设计随时获取精确的颜色代码。
使用说明
- 在颜色值输入框中填入需要转换的颜色代码（例如 #3498db、rgb(52, 152, 219) 或 204, 70%, 53%）。
- 在源格式选项中选择当前颜色文本对应的格式类型（hex、rgb 或 hsl），未填时系统默认按 hex 解析。
- 点击运行后，即可在输出面板中查看转换后的十六进制代码、RGB 通道值、取整 HSL 分量以及色彩预览效果。
示例
- 输入十六进制颜色值 #ff5733 并选择 hex 源格式，转换后可获得 RGB (255, 87, 51) 与 HSL (11, 100%, 60%) 及对应色块预览。
- 输入 RGB 通道值 41, 128, 185 并指定 rgb 源格式，转换后可获得十六进制代码 #2980b9 与 HSL (204, 64%, 44%)。
常见问题
输入 HEX 颜色时是否必须包含井号（#）？
不强制要求。输入框支持带前缀的 #336699 或纯字符 336699，同时也支持三位简写如 #f00 或 f00。
RGB 输入有哪些具体范围限制？
RGB 模式需要提取出 3 个数值，分别对应红、绿、蓝三个通道，每个通道的有效数值区间为 0 至 255。
如果 HSL 饱和度或明度输入超过 100% 会如何处理？
色相分量会自动按照 360 度取模循环，而饱和度与明度的数值上限为 100%，超出 100% 的部分会自动限制在 100%。
为什么提交后没有生成颜色结果？
如果颜色输入框为空、输入的数值超出有效范围，或者源格式名称与实际格式不匹配，系统将无法完成解析。请检查输入格式后重新提交。