在好例子网,分享、交流、成长!
您当前所在位置:首页 → Python 开发实例 → Python GUI开发 → 颜色选择器与调色板工具:RGB滑块调色、HEX/HSL互转、色卡收藏一键复制

颜色选择器与调色板工具:RGB滑块调色、HEX/HSL互转、色卡收藏一键复制

Python GUI开发

下载此实例

实例介绍

🖥️ 运行效果

🚀 实例简介

一款基于 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)


💡 适用场景

办公自动化、数据分析、快速原型开发

标签:

实例下载地址

颜色选择器与调色板工具:RGB滑块调色、HEX/HSL互转、色卡收藏一键复制

不能下载?内容有错? 点击这里报错 + 投诉 + 提问

好例子网口号:伸出你的我的手 — 分享!

网友评论

发表评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

小贴士

感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。

关于好例子网

本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明

;
报警