需结合codegeex代码生成能力设计三色互转工具，含函数式转换、类封装、提示词驱动、web组件集成及跨语言移植五种方法。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您希望使用CodeGeeX快速构建一个支持HEX、RGB、HSL三者之间相互转换的颜色工具，则需结合其代码生成能力设计简洁可复用的转换逻辑。以下是实现该功能的多种方法：
一、基于函数式编程的独立转换函数集
该方法通过定义一组无状态、纯函数形式的转换函数，分别处理HEX→RGB、RGB→HSL、HSL→RGB、RGB→HEX等核心路径，确保各模块职责单一、易于测试和组合。
1、定义hexToRgb函数：接收形如"#FF5733"或"FF5733"的字符串，校验长度与格式，按每两位解析为十六进制整数，返回{r, g, b}对象。
2、定义rgbToHsl函数：将归一化后的r/255、g/255、b/255代入标准HSL转换公式，计算色相（h）、饱和度（s）、明度（l），结果h保留0–360范围，s与l以百分比小数形式表示（0.0–1.0）。
3、定义hslToRgb函数：依据HSL反向公式，先将h映射至0–360，s与l还原为0.0–1.0区间，分段计算六种色域区间对应RGB值，返回{r, g, b}（整数，0–255）。
4、定义rgbToHex函数：对r、g、b分别调用toString(16).padStart(2, '0')，拼接为小写六位HEX字符串，并前置#号。
二、基于类封装的统一颜色模型实例
该方法将颜色视为一个可变状态实体，内部以主格式（如RGB）为基准存储，其余格式通过getter实时计算，避免重复解析，提升交互响应效率。
1、声明Color类，构造函数接受任意格式输入（HEX字符串、RGB数组、HSL对象），自动识别并归一化为内部RGB属性（r、g、b）。
2、为类添加get hex() getter：调用内部rgbToHex逻辑，返回标准化#RRGGBB格式字符串。
3、为类添加get hsl() getter：调用内部rgbToHsl逻辑，返回{h: number, s: number, l: number}对象，其中s与l以0–100整数百分比表示。
4、添加set hsl(value) setter：接收{h, s, l}对象，调用hslToRgb后更新内部r/g/b，并触发格式同步。
三、基于CodeGeeX提示词驱动的零代码生成方案
该方法不编写底层算法，而是利用CodeGeeX对自然语言指令的理解能力，通过结构化提示词直接生成完整可运行的转换模块，适用于快速原型验证。
1、在CodeGeeX编辑器中输入提示词：“生成一个JavaScript模块，导出四个函数：hexToRgb、rgbToHsl、hslToRgb、rgbToHex。要求所有函数输入输出类型明确，包含JSDoc注释，不依赖外部库，支持常见边界情况如#FFF简写、h超出0-360时取模。”
CodeGeeX 2.21.0是智谱AI推出的AI编程助手版本，对Inline Chat功能进行了重大优化，包括UI设计升级、支持流式输出以提升响应速度，并新增“查看思路”按钮以便理解代码原理。同时，该版本在编辑器中新增CodeLens控件，支持一键“解释”代码或“添加注释”。目前该工具对个人开发者免费开放。
2、提交提示词后，复制生成的代码块，粘贴至项目src/utils/colorConvert.js文件中。
3、在主程序中通过import { hexToRgb, rgbToHsl } from './utils/colorConvert.js'按需引入函数。
4、对生成代码执行单元测试：使用已知标准值（如#000000 → rgb(0,0,0) → hsl(0,0%,0%)）验证各函数往返一致性。
四、基于Web组件的即插即用UI集成方案
该方法将转换逻辑封装为自定义HTML元素，支持在任意前端项目中通过标签直接嵌入，内部自动绑定输入事件与双向格式同步。
1、定义
2、监听hex-input的input事件：捕获值后调用hexToRgb→rgbToHsl链式转换，更新另两个字段显示。
3、监听rgb-input的blur事件：解析r/g/b数值，执行rgbToHsl与rgbToHex，同步刷新其他字段。
4、监听hsl-input的change事件：提取h/s/l，经hslToRgb→rgbToHex转换，更新全部字段。
五、基于AST分析的跨语言移植适配方案
该方法面向多技术栈团队，利用CodeGeeX对代码结构的理解能力，将已验证的JavaScript转换逻辑自动重构为目标语言语法，保障算法一致性。
1、将已通过测试的JavaScript颜色转换模块全量粘贴至CodeGeeX输入框。
2、输入指令：“将以下JavaScript代码转换为Python 3.9语法，保持函数签名与数学逻辑完全一致，使用typing模块标注类型，不引入第三方依赖。”
3、接收生成的Python代码，保存为color_convert.py，确认math.floor、/运算符行为与JS中Math.floor(a/b)一致。
4、在TypeScript项目中复用同一套逻辑：将JS代码粘贴后提示“添加严格类型定义，使用interface描述RGB、HSL接口，导出为ES模块”。
