实例介绍
🖥️ 运行效果
🚀 实例简介
一款基于 Python Tkinter 开发的桌面颜色选择器工具,支持 RGB 滑块实时调色、HEX/HSL 色值互转、随机颜色生成、颜色收藏等功能。适用于前端开发者、UI设计师、平面设计师等需要精确配色的场景。
💻 核心代码
#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
颜色选择器与调色板工具
功能:RGB/HSL/HEX颜色互转、可视化滑块取色、收藏色卡、一键复制色值
适用:设计师、前端开发者、UI配色
"""
import tkinter as tk
from tkinter import ttk, messagebox
import colorsys
import platform
CHINESE_FONT = "WenQuanYi Zen Hei" if platform.system() == "Linux" else "Microsoft YaHei"
class ColorPickerApp:
def __init__(self, root):
self.root = root
self.root.title("颜色选择器与调色板工具")
self.root.geometry("520x620")
self.root.configure(bg="#f0f0f0")
self.palette = [] # 收藏的色卡列表
# ====== 顶部:颜色预览区 ======
preview_frame = tk.Frame(root, bg="#f0f0f0")
preview_frame.pack(pady=10, padx=20, fill=tk.X)
tk.Label(preview_frame, text="🎨 颜色选择器与调色板", font=(CHINESE_FONT, 16, "bold"), bg="#f0f0f0").pack()
self.color_preview = tk.Canvas(preview_frame, width=460, height=80, bg="#3498db", highlightthickness=2, highlightbackground="#ccc")
self.color_preview.pack(pady=8)
# ====== RGB 滑块区域 ======
slider_frame = tk.LabelFrame(root, text=" RGB 通道调节 ", font=(CHINESE_FONT, 11, "bold"), bg="#f0f0f0", padx=10, pady=5)
slider_frame.pack(pady=5, padx=20, fill=tk.X)
self.r_var, self.g_var, self.b_var = tk.IntVar(value=52), tk.IntVar(value=152), tk.IntVar(value=219)
self.r_label = tk.Label(slider_frame, text="R: 52", font=(CHINESE_FONT, 10), bg="#f0f0f0", fg="red")
self.r_label.grid(row=0, column=0, sticky="w", padx=5)
self.r_scale = tk.Scale(slider_frame, from_=0, to=255, orient=tk.HORIZONTAL, variable=self.r_var, command=self._on_change, length=350, bg="#f0f0f0", troughcolor="#ffcccc")
self.r_scale.grid(row=0, column=1, padx=5)
self.g_label = tk.Label(slider_frame, text="G: 152", font=(CHINESE_FONT, 10), bg="#f0f0f0", fg="green")
self.g_label.grid(row=1, column=0, sticky="w", padx=5)
self.g_scale = tk.Scale(slider_frame, from_=0, to=255, orient=tk.HORIZONTAL, variable=self.g_var, command=self._on_change, length=350, bg="#f0f0f0", troughcolor="#ccffcc")
self.g_scale.grid(row=1, column=1, padx=5)
self.b_label = tk.Label(slider_frame, text="B: 219", font=(CHINESE_FONT, 10), bg="#f0f0f0", fg="blue")
self.b_label.grid(row=2, column=0, sticky="w", padx=5)
self.b_scale = tk.Scale(slider_frame, from_=0, to=255, orient=tk.HORIZONTAL, variable=self.b_var, command=self._on_change, length=350, bg="#f0f0f0", troughcolor="#ccccff")
self.b_scale.grid(row=2, column=1, padx=5)
# ====== 色值显示区 ======
value_frame = tk.LabelFrame(root, text=" 色值信息 ", font=(CHINESE_FONT, 11, "bold"), bg="#f0f0f0", padx=10, pady=5)
value_frame.pack(pady=5, padx=20, fill=tk.X)
self.hex_var = tk.StringVar(value="#3498DB")
self.hsl_var = tk.StringVar()
fields = [("HEX:", self.hex_var), ("HSL:", self.hsl_var)]
for i, (label, var) in enumerate(fields):
tk.Label(value_frame, text=label, font=(CHINESE_FONT, 10, "bold"), bg="#f0f0f0").grid(row=i, column=0, sticky="w", padx=5, pady=3)
entry = tk.Entry(value_frame, textvariable=var, font=("Consolas", 11), width=25, state="readonly", readonlybackground="white")
entry.grid(row=i, column=1, padx=5, pady=3)
# ====== 操作按钮 ======
btn_frame = tk.Frame(root, bg="#f0f0f0")
btn_frame.pack(pady=8)
tk.Button(btn_frame, text="📋 复制HEX", font=(CHINESE_FONT, 10), command=self._copy_hex, bg="#3498db", fg="white", width=12).grid(row=0, column=0, padx=5)
tk.Button(btn_frame, text="⭐ 收藏颜色", font=(CHINESE_FONT, 10), command=self._save_color, bg="#e67e22", fg="white", width=12).grid(row=0, column=1, padx=5)
tk.Button(btn_frame, text="🎲 随机颜色", font=(CHINESE_FONT, 10), command=self._random_color, bg="#2ecc71", fg="white", width=12).grid(row=0, column=2, padx=5)
# ====== 色卡收藏区 ======
palette_frame = tk.LabelFrame(root, text=" 我的收藏色卡 ", font=(CHINESE_FONT, 11, "bold"), bg="#f0f0f0", padx=10, pady=5)
palette_frame.pack(pady=5, padx=20, fill=tk.BOTH, expand=True)
self.palette_canvas = tk.Canvas(palette_frame, height=100, bg="white", highlightthickness=1, highlightbackground="#ccc")
self.palette_canvas.pack(fill=tk.BOTH, expand=True)
# 预设一些常用色
preset_colors = ["#E74C3C", "#3498DB", "#2ECC71", "#F39C12", "#9B59B6", "#1ABC9C", "#34495E", "#E67E22"]
for c in preset_colors:
self.palette.append(c)
💡 适用场景
办公自动化、数据分析、快速原型开发
标签:
相关软件
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明


网友评论
我要评论