点击下列公众号+【关注】，接收最新文章。

效果图

“嗨，朋友！今天带你整一个超实用的小工具——图片颜色提取器。你只要把一张图拖进去，啪！它立刻把图里所有好看的颜色整整齐齐排好队，还能一键复制 HEX 或 RGB 值。做 PPT、写前端、搞设计，再也不用对着 PS 吸色吸到手抽筋。整个程序用 Python 写的，界面是 Tkinter，逻辑简单、界面清爽，跟着我一层层拆，包你 10 分钟就能看懂！”

一、项目总览：3 大目标 + 2 个核心知识点

二、整体目录结构（层级清晰）

0808052图片列举色值.py├── ① 类 ImageColorExtractor│   ├── __init__  —— 界面初始化│   ├── upload_image  —— 文件选择与预览│   ├── display_image —— 自适应缩放│   ├── extract_colors —— 颜色提取│   ├── display_colors —— 颜色展示│   └── copy_to_clipboard —— 剪贴板复制└── ② main 入口

三、逐段拆解：6 大核心模块

每段代码都按“5 行以上 + 逐行解释 + 结构层级”输出，保证你能像剥洋葱一样一层层看懂。

① 入口与主窗口：启动一切的地方

if __name__ == "__main__":    root = tk.Tk()                  # 1. 创建根窗口    app = ImageColorExtractor(root) # 2. 实例化主类    root.mainloop()                 # 3. 进入事件循环

• 层级 1：程序入口只有三行，却是一切魔法的发令枪。
• 层级 2：单一职责入口文件只做“启动”这一件事，后续所有逻辑全部封装在 ImageColorExtractor 类里，方便维护和复用。

② __init__：搭好舞台再放演员

classImageColorExtractor:def__init__(self, root):        self.root = root        self.root.title("图片颜色提取器")        self.root.geometry("900x700")        self.root.minsize(800, 600)

• 层级 1：窗口属性设置标题、初始大小、最小尺寸，用户体验拉满。

        self.style = ttk.Style()        self.style.configure("TButton", font=("SimHei", 10))        self.style.configure("TLabel", font=("SimHei", 10))        self.style.configure("Header.TLabel", font=("SimHei", 12, "bold"))

• 层级 2：样式统一用 ttk.Style 保证中文按钮、标签不乱码，字号统一，强迫症福音。

        self.main_frame = ttk.Frame(root, padding="10")        self.main_frame.pack(fill=tk.BOTH, expand=True)

• 层级 3：主框架所有控件都放在 main_frame 里，边距 10px，防止贴边拥挤。

# 顶部控制区        self.control_frame = ttk.Frame(self.main_frame, padding="5")        self.control_frame.pack(fill=tk.X, pady=(0, 10))

• 层级 4：控制区上传按钮 + 颜色数量选择器，横向排布，清晰好找。

③ 上传图片：upload_image

defupload_image(self):        file_path = filedialog.askopenfilename(            filetypes=[                ("图片文件", "*.png;*.jpg;*.jpeg;*.bmp;*.gif"),                ("所有文件", "*.*")            ]        )ifnot file_path:return

• 层级 1：文件对话框filedialog.askopenfilename 弹出系统选择框，过滤常见图片格式，减少用户误选。

try:            self.original_image = Image.open(file_path)            self.display_image(self.original_image)            self.extract_colors()except Exception as e:            messagebox.showerror("错误", f"无法打开图片: {str(e)}")

• 层级 2：异常捕获任何打不开的文件都弹友好提示，程序不会崩溃。

④ 自适应预览：display_image

defdisplay_image(self, image):        max_width = self.image_frame.winfo_width() - 20        max_height = self.image_frame.winfo_height() - 20if max_width < 100:            max_width = 600if max_height < 100:            max_height = 400

• 层级 1：动态尺寸先拿当前容器宽高，再给一个保底默认值，防止窗口还没渲染出来时空指针。

        image.thumbnail((max_width, max_height))        tk_image = ImageTk.PhotoImage(image)        self.image_label.config(image=tk_image)        self.image_label.image = tk_image  # 防止被垃圾回收

• 层级 2：缩放 + 显示thumbnail 保持纵横比，得到的 tk_image 直接塞给 Label，最后一行是 Tkinter 的经典“防回收”套路。

⑤ 颜色提取：extract_colors

defextract_colors(self):ifnot self.original_image:return        img = self.original_image.copy()        img.thumbnail((200, 200))  # 先压小图，加快速度

• 层级 1：性能优化200×200 的小图足够统计颜色分布，避免处理 4K 图时卡死。

if img.mode != "RGB":            img = img.convert("RGB")        pixels = np.array(img)        pixels = pixels.reshape(-1, 3)

• 层级 2：通道统一把 RGBA、P、L 等模式统统转 RGB，再用 NumPy 拉成二维数组 (N, 3)。

        unique_colors = np.unique(pixels, axis=0)        count = int(self.color_count.get())if len(unique_colors) > count:            step = len(unique_colors) // count            unique_colors = unique_colors[::step][:count]

• 层级 3：去重 + 采样np.unique 去掉重复色，[::step] 均匀采样，保证最终颜色数 ≤ 下拉框里的 10/20/30/50/100。

        unique_colors = sorted(            unique_colors,            key=lambda rgb: colorsys.rgb_to_hls(                rgb[0]/255, rgb[1]/255, rgb[2]/255)[1]        )        self.colors = [(r, g, b) for r, g, b in unique_colors]        self.display_colors()

• 层级 4：亮度排序用 colorsys.rgb_to_hls 取 L(lightness) 排序，视觉观感从暗到亮，整齐顺眼。

⑥ 颜色展示：display_colors

defdisplay_colors(self):for widget in self.scrollable_frame.winfo_children():            widget.destroy()

• 层级 1：清空旧数据每次重新提取颜色时，先把滚动区域里的旧控件全干掉，防止堆叠。

for i, (r, g, b) in enumerate(self.colors):            row_frame = ttk.Frame(self.scrollable_frame, padding="5")            row_frame.pack(fill=tk.X, pady=2)            color_frame = tk.Frame(                row_frame, width=30, height=30,                bg=f"#{r:02x}{g:02x}{b:02x}"            )            color_frame.pack(side=tk.LEFT, padx=10)            color_frame.pack_propagate(False)

• 层级 2：颜色方块每个颜色给一个 30×30 的色块，bg 用格式化字符串拼出十六进制色值，注意补零。

            hex_color = f"#{r:02x}{g:02x}{b:02x}".upper()            rgb_color = f"RGB: ({r}, {g}, {b})"            color_info = ttk.Label(                row_frame,                text=f"{hex_color} | {rgb_color}",                width=40            )            color_info.pack(side=tk.LEFT, padx=10)

• 层级 3：文字说明同时显示 HEX 与 RGB，方便不同场景使用。

            copy_btn = ttk.Button(                row_frame, text="复制HEX",                command=lambda c=hex_color: self.copy_to_clipboard(c)            )            copy_btn.pack(side=tk.LEFT, padx=5)            copy_rgb_btn = ttk.Button(                row_frame, text="复制RGB",                command=lambda r=r, g=g, b=b: self.copy_to_clipboard(f"rgb({r}, {g}, {b})")            )            copy_rgb_btn.pack(side=tk.LEFT, padx=5)

• 层级 4：复制按钮两个按钮用 lambda 做闭包，提前绑定当前颜色值，点一下就复制。

⑦ 剪贴板复制：copy_to_clipboard

defcopy_to_clipboard(self, text):        self.root.clipboard_clear()        self.root.clipboard_append(text)        messagebox.showinfo("成功", f"已复制: {text}")

• 层级 1：系统剪贴板Tkinter 自带跨平台剪贴板接口，一行搞定。
• 层级 2：用户反馈弹窗提示复制成功，避免用户疑惑。

四、滚动区域实现细节（Bonus）

self.canvas = tk.Canvas(self.scroll_frame)self.scrollbar = ttk.Scrollbar(    self.scroll_frame,    orient="vertical",    command=self.canvas.yview)self.scrollable_frame = ttk.Frame(self.canvas)self.scrollable_frame.bind("<Configure>",lambda e: self.canvas.configure(        scrollregion=self.canvas.bbox("all")    ))self.canvas.create_window((0, 0), window=self.scrollable_frame, anchor="nw")self.canvas.configure(yscrollcommand=self.scrollbar.set)

• 层级 1：经典 Canvas + Scrollbar 组合scrollable_frame 作为容器放在 Canvas 里，内容变化时重新计算 scrollregion，实现滚动。
• 层级 2：解耦与复用这套模板可以原封不动搬到任何需要滚动列表的项目。

五、知识点回顾 & 目标达成

通过本项目，你不仅掌握了一个实用小工具，还顺带复习了 Python 桌面开发、图像处理、颜色理论三大方向的基础知识。下次做设计系统、品牌色板、前端主题变量，直接拖图→复制→粘贴，效率 up！

六、可扩展思路（加餐）

1. K-Means 聚类：用 sklearn.cluster.KMeans 替代均匀采样，提取主题色更准确。
2. 导出调色板：一键生成 .aco / .ase 供 Photoshop、Illustrator 使用。
3. 实时摄像头取色：结合 OpenCV 实现“所见即所得”取色。
4. 主题切换：深色/浅色两套 ttk 主题，适配不同系统外观。

全文 2000+ 字，从按钮到算法，从布局到剪贴板，逐层拆解、条理有序。祝你玩得开心，早日把这套小工具变成自己的瑞士军刀！

import tkinter as tkfrom tkinter import filedialog, ttk, messageboxfrom PIL import Image, ImageTkimport numpy as npimport colorsysimport ioclass ImageColorExtractor:def init(self, root):self.root = rootself.root.title("图片颜色提取器")self.root.geometry("900x700")self.root.minsize(800, 600)    # 确保中文显示正常    self.style = ttk.Style()    self.style.configure("TButton", font=("SimHei", 10))    self.style.configure("TLabel", font=("SimHei", 10))    self.style.configure("Header.TLabel", font=("SimHei", 12, "bold"))    # 创建主框架    self.main_frame = ttk.Frame(root, padding="10")    self.main_frame.pack(fill=tk.BOTH, expand=True)    # 顶部控制区    self.control_frame = ttk.Frame(self.main_frame, padding="5")    self.control_frame.pack(fill=tk.X, pady=(0, 10))    # 上传按钮    self.upload_btn = ttk.Button(        self.control_frame,        text="上传图片",        command=self.upload_image    )    self.upload_btn.pack(side=tk.LEFT, padx=(0, 10))    # 颜色数量选择    ttk.Label(self.control_frame, text="提取颜色数量:").pack(side=tk.LEFT, padx=(0, 5))    self.color_count = tk.StringVar(value="20")    self.color_count_combo = ttk.Combobox(        self.control_frame,        textvariable=self.color_count,        values=["10", "20", "30", "50", "100"],        width=5    )    self.color_count_combo.pack(side=tk.LEFT, padx=(0, 20))    # 图片显示区    self.image_frame = ttk.LabelFrame(self.main_frame, text="图片预览", padding="5")    self.image_frame.pack(fill=tk.BOTH, expand=True, pady=(0, 10))    self.image_label = ttk.Label(self.image_frame)    self.image_label.pack(fill=tk.BOTH, expand=True)    # 颜色列表区    self.colors_frame = ttk.LabelFrame(self.main_frame, text="图片中的颜色", padding="5")    self.colors_frame.pack(fill=tk.BOTH, expand=True)    # 创建滚动区域    self.scroll_frame = ttk.Frame(self.colors_frame)    self.scroll_frame.pack(fill=tk.BOTH, expand=True)    self.canvas = tk.Canvas(self.scroll_frame)    self.scrollbar = ttk.Scrollbar(        self.scroll_frame,        orient="vertical",        command=self.canvas.yview    )    self.scrollable_frame = ttk.Frame(self.canvas)    self.scrollable_frame.bind(        "<Configure>",        lambda e: self.canvas.configure(            scrollregion=self.canvas.bbox("all")        )    )    self.canvas.create_window((0, 0), window=self.scrollable_frame, anchor="nw")    self.canvas.configure(yscrollcommand=self.scrollbar.set)    self.canvas.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)    self.scrollbar.pack(side=tk.RIGHT, fill=tk.Y)    # 存储颜色数据    self.colors = []    self.original_image = Nonedef upload_image(self):    """上传并显示图片"""    file_path = filedialog.askopenfilename(        filetypes=[            ("图片文件", "*.png;*.jpg;*.jpeg;*.bmp;*.gif"),            ("所有文件", "*.*")        ]    )    if not file_path:        return    try:        # 打开图片        self.original_image = Image.open(file_path)        self.display_image(self.original_image)        # 提取颜色        self.extract_colors()    except Exception as e:        messagebox.showerror("错误", f"无法打开图片: {str(e)}")def display_image(self, image):    """在界面上显示图片"""    # 调整图片大小以适应窗口    max_width = self.image_frame.winfo_width() - 20    max_height = self.image_frame.winfo_height() - 20    # 如果窗口还没渲染，使用默认尺寸    if max_width < 100:        max_width = 600    if max_height < 100:        max_height = 400    # 保持比例缩放    image.thumbnail((max_width, max_height))    # 转换为Tkinter可用的格式    tk_image = ImageTk.PhotoImage(image)    # 显示图片    self.image_label.config(image=tk_image)    self.image_label.image = tk_image  # 保持引用def extract_colors(self):    """从图片中提取颜色"""    if not self.original_image:        return    # 调整图片大小以加快处理速度    img = self.original_image.copy()    img.thumbnail((200, 200))  # 缩小图片    # 转换为RGB模式    if img.mode != "RGB":        img = img.convert("RGB")    # 获取像素数据    pixels = np.array(img)    pixels = pixels.reshape(-1, 3)    # 转换为列表并去重    unique_colors = np.unique(pixels, axis=0)    # 限制最大颜色数量    count = int(self.color_count.get())    if len(unique_colors) > count:        # 简单采样，实际应用中可以使用更复杂的聚类算法        step = len(unique_colors) // count        unique_colors = unique_colors[::step][:count]    # 按亮度排序（便于查看）    unique_colors = sorted(        unique_colors,        key=lambda rgb: colorsys.rgb_to_hls(rgb[0] / 255, rgb[1] / 255, rgb[2] / 255)[1]    )    self.colors = [(r, g, b) for r, g, b in unique_colors]    self.display_colors()def display_colors(self):    """显示提取的颜色"""    # 清空之前的颜色显示    for widget in self.scrollable_frame.winfo_children():        widget.destroy()    # 显示颜色    for i, (r, g, b) in enumerate(self.colors):        # 创建行框架        row_frame = ttk.Frame(self.scrollable_frame, padding="5")        row_frame.pack(fill=tk.X, pady=2)        # 颜色方块        color_frame = tk.Frame(            row_frame,            width=30,            height=30,            bg=f"#{r:02x}{g:02x}{b:02x}"        )        color_frame.pack(side=tk.LEFT, padx=10)        color_frame.pack_propagate(False)  # 保持尺寸        # 颜色值标签        hex_color = f"#{r:02x}{g:02x}{b:02x}".upper()        rgb_color = f"RGB: ({r}, {g}, {b})"        color_info = ttk.Label(            row_frame,            text=f"{hex_color} | {rgb_color}",            width=40        )        color_info.pack(side=tk.LEFT, padx=10)        # 复制按钮        copy_btn = ttk.Button(            row_frame,            text="复制HEX",            command=lambda c=hex_color: self.copy_to_clipboard(c)        )        copy_btn.pack(side=tk.LEFT, padx=5)        copy_rgb_btn = ttk.Button(            row_frame,            text="复制RGB",            command=lambda r=r, g=g, b=b: self.copy_to_clipboard(f"rgb({r}, {g}, {b})")        )        copy_rgb_btn.pack(side=tk.LEFT, padx=5)def copy_to_clipboard(self, text):    """将文本复制到剪贴板"""    self.root.clipboard_clear()    self.root.clipboard_append(text)    messagebox.showinfo("成功", f"已复制: {text}")if name == "main":root = tk.Tk()app = ImageColorExtractor(root)root.mainloop()