4、调色板技术：什么是调色板、调色板在低色深下的作用、如何生成与使用调色板、调色板与真彩色的对比

调色板技术，说白了就是给颜色编个号。你想想看，早期嵌入式设备的内存多金贵啊，一个像素要是存24位真彩色，一张320×240的图就得占225KB。这在当年简直是天文数字。于是聪明的前辈们想了个办法——我们只从全色彩空间里挑一小部分颜色，给每个颜色编个索引号，存图的时候只存索引号不就行了？

这就是调色板的本质：一张颜色查找表。

4.1 什么是调色板

调色板（Palette）是一张颜色映射表。它把有限的索引值映射到具体的RGB颜色值上。比如一个4位调色板，有16个表项，每个表项存一个24位的RGB颜色。图像数据里每个像素只存0~15的索引号，显示的时候硬件根据索引号去查表，拿到真正的颜色再画到屏幕上。

我刚开始做GUI时，总觉得调色板是过时的技术。直到有一次接手一个老项目，Flash只有256KB，还得显示一张彩色启动图。不用调色板根本塞不下。嗯，从那以后我再也不敢小看它了。

4.2 调色板在低色深下的作用

低色深（4位、8位）下，调色板的作用非常关键。我归纳了三个核心作用：

• 大幅压缩存储空间：8位图每个像素只占1字节，相比24位图压缩了3倍。320×240的8位图只要76.8KB，加上1KB的调色板，总共不到78KB。同样尺寸的24位图要225KB。
• 保证显示效果：调色板里的颜色可以精心挑选，让有限的颜色数覆盖图像的主要色彩范围。好的调色板能让8位图看起来接近24位图的效果。
• 支持动态切换：调色板可以随时更换。同一张索引图，换一套调色板就能呈现完全不同的色彩风格。这在UI主题切换、动画特效中非常有用。

4.3 如何生成与使用调色板

生成调色板的过程，专业术语叫「颜色量化」。说白了就是从原始真彩色图像中，选出最能代表图像色彩的N个颜色。我常用的方法有两种：

4.3.1 中位切分法（Median Cut）

这是最经典的算法。思路很简单：把RGB颜色空间看成一个立方体，每次沿着颜色分布最分散的轴切一刀，把颜色分成两半。重复切分，直到得到N个颜色块。每个块的平均颜色就是调色板的一个表项。

// 伪代码：中位切分法生成调色板
function generatePalette(image, colorCount):
    // 1. 统计图像中所有不重复的颜色
    colors = getUniqueColors(image)
    
    // 2. 初始化颜色列表，包含所有颜色
    colorList = [colors]
    
    // 3. 循环切分，直到达到目标颜色数
    while len(colorList) < colorCount:
        // 找到颜色分布最分散的块
        block = findMostVariantBlock(colorList)
        
        // 找到该块中分布最广的通道（R/G/B）
        channel = findWidestChannel(block)
        
        // 按该通道的中位数切分
        left, right = splitByMedian(block, channel)
        
        // 替换原块
        colorList.remove(block)
        colorList.append(left)
        colorList.append(right)
    
    // 4. 计算每个块的平均颜色作为调色板表项
    palette = []
    for block in colorList:
        palette.append(averageColor(block))
    
    return palette

4.3.2 流行色法（Popularity Algorithm）

这个方法更直接：统计图像中每种颜色出现的频率，选出现次数最多的N个颜色作为调色板。实现简单，但对渐变和过渡区域的处理效果不如中位切分法。

4.3.3 调色板的使用流程

在实际项目中，调色板的使用分为生成和渲染两个阶段：

1. 离线生成：在PC上用工具（如ImageMagick、Python PIL）对原始图像进行颜色量化，生成调色板和索引图像。
2. 嵌入式存储：将调色板数据（256×3字节）和索引图像数据（每个像素1字节）烧录到Flash中。
3. 运行时加载：系统启动时，将调色板加载到显示控制器的调色板寄存器中。
4. 渲染显示：显示控制器自动根据索引值查表，输出对应的RGB颜色到屏幕。

下面这张图展示了调色板技术的完整数据流：

4.4 调色板与真彩色的对比

真彩色（True Color）直接存储每个像素的RGB值，通常是24位或16位。调色板模式存储的是索引值。两者各有优劣，我整理了一张对比表：

对比维度	调色板模式（8位）	真彩色模式（24位）
存储空间	每像素1字节 + 调色板表（256×3字节）	每像素3字节
颜色数量	最多256种颜色（可自定义）	1670万种颜色
显示效果	可能有色块、颜色断层（尤其渐变区域）	平滑自然，无颜色损失
硬件要求	需要调色板寄存器，但显存带宽要求低	不需要调色板，但显存带宽要求高
动态切换	支持调色板动画（换表不换图）	不支持，必须修改像素数据
适用场景	低端MCU、小内存设备、图标字体	高端处理器、大内存设备、照片显示

调色板技术还有一个隐藏优势——调色板动画。你想想看，图像数据完全不变，只更换调色板表项，就能实现颜色闪烁、渐变、主题切换等效果。这在UI交互中非常实用。我曾经在一个温控器项目里，用调色板动画实现了温度指示条的渐变效果，CPU占用率几乎为零。

当然，调色板也有明显的短板。最头疼的就是颜色断层。当图像中有平滑渐变时，256种颜色往往不够用，会出现明显的色块。解决办法有两个：一是用抖动算法（Dithering）在视觉上模拟中间色；二是换用16位高彩色，牺牲一点存储空间换取更好的效果。