Color Code Converter

## 提示词采用大模型：通义千问（代码模式） ``` 实现一个颜色代码转换器的Flask项目，要求： ## 功能 - HEX代码转RGB代码，RGB代码转HEX代码 - 自动识别需转换的颜色代码 ## UI框架 - 采用bootstrap 5.3.x版本 ## 页面布局页面从上到下依次放置以下元素： - 输入框，输入颜色代码 - 转换按钮 - 输入框，显示转换后的颜色代码 - 用div块显示对应的颜色样本，大小50x50像素 ## 其它 - 使用模板渲染 - 页面屏幕居中 - 采用响应式页面设计 ``` ## 输出为了实现这个颜色代码转换器的Flask项目，我们需要以下几个步骤： 1. 设置Flask应用。 2. 创建HTML模板，使用Bootstrap 5.3.x进行样式设计。 3. 编写Python函数来处理颜色代码的转换。 4. 在Flask路由中处理表单提交，并将结果传递给模板。下面是完整的可运行代码： ### app.py ``` from flask import Flask, render_template, request app = Flask(__name__) def hex_to_rgb(hex_color): hex_color = hex_color.lstrip('#') return tuple(int(hex_color[i:i+2], 16) for i in (0, 2, 4)) def rgb_to_hex(rgb_color): return '#{:02x}{:02x}{:02x}'.format(*rgb_color) @app.route('/', methods=['GET', 'POST']) def index(): converted_color = '' color_sample_style = '' if request.method == 'POST': input_color = request.form['color_code'] try: if input_color.startswith('#'): # Assume it's a HEX code rgb_color = hex_to_rgb(input_color) converted_color = f'RGB{rgb_color}' color_sample_style = input_color else: # Assume it's an RGB code rgb_values = list(map(int, input_color.strip('()').split(','))) hex_color = rgb_to_hex(tuple(rgb_values)) converted_color = hex_color color_sample_style = hex_color except Exception as e: converted_color = 'Invalid color code' return render_template('index.html', converted_color=converted_color, color_sample_style=color_sample_style) if __name__ == '__main__': app.run(debug=True) ``` ### index.html ``` Color Code Converter

``` ### 运行步骤： 1. 确保你已经安装了Flask。如果没有安装，可以使用以下命令安装： ``` pip install flask ``` 2. 将上述代码保存为两个文件：`app.py` 和 `templates/index.html`。 3. 运行Flask应用： ``` python app.py ``` 4. 打开浏览器并访问 `http://127.0.0.1:5000/` 即可看到颜色代码转换器页面。这样就完成了一个简单的颜色代码转换器的Flask项目。 ## 效果图 ![image](https://gitee.com/HelloLearning/resources/raw/master/blog-images/flask-ui-colorconverter.png)

用Flask框架开发一个颜色代码转换器