为学日益，为道日损

配色理论

4分钟阅读

统计图

学习配色是为了完善统计图，例子如下：

FUNCTION PLOT_TABLE1(df_table1)
 
    // A. 初始化画布和双轴
    CREATE FIGURE (size=12x6)
    ax1 = GET CURRENT AXES // 左轴 (Left Axis): 增长率
    ax2 = ax1.TWINX()      // 右轴 (Right Axis): 报考人数
 
    // B. 绘制右轴：报考人数 (柱状图)
    CALL sns.barplot(
        x='年份', y='报考人数(万)', data=df_table1, ax=ax2,
        palette=FINAL_PALETTE, alpha=0.85
    )
    SET ax2 Y-LIMIT (0, 600)
    SET ax2 Y-LABEL "报考人数 (万)"
    ax2.GRID(False) // 右轴不显示网格
 
    // C. 绘制左轴：增长率 (折线图)
    CALL sns.lineplot(
        x='年份', y='增长率(%)', data=df_table1, ax=ax1,
        color=COLOR_LINE_GROWTH, marker='o',
        linewidth=LINE_WIDTH, zorder=10, label='增长率'
    )
    ax1.AXHLINE (y=0, color='gray', linestyle='--', zorder=5) // 0基准线
    SET ax1 Y-LIMIT (-20, 30)
    SET ax1 Y-LABEL "增长率 (%)" (color=COLOR_AXIS_TEXT)
    ax1.TICK_PARAMS (axis='y', labelcolor=COLOR_AXIS_TEXT)
    ax1.GRID(False) // 左轴不显示网格
 
    // D. 添加数值标签
 
    // 增长率标签 (左轴)
    FOR i FROM 0 TO LENGTH(df_table1) - 1:
        txt = df_table1['增长率(%)'][i]
        ax1.ANNOTATE (f'{txt:.1f}%') AT (i, txt) // 偏移位置 (0, 10)，颜色为 COLOR_LINE_GROWTH
 
    // 报考人数标签 (右轴)
    FOR i FROM 0 TO LENGTH(df_table1) - 1:
        txt = df_table1['报考人数(万)'][i]
        ax2.ANNOTATE (f'{txt:.0f}') AT (i, txt) // 偏移位置 (0, 5)，颜色为 'black'
 
    // E. 标题、图例和保存
    
    // 创建手动图例句柄
    line_handle = CREATE Line2D (color=COLOR_LINE_GROWTH, marker='o')
    bar_handle = CREATE Rectangle (color=FINAL_PALETTE[0], alpha=0.85)
 
    ax1.LEGEND ([line_handle, bar_handle], ['增长率', '报考人数'], loc='upper left')
 
    SET XTICKS ROTATION (45)
    SET TITLE '表一：报考人群规模趋势图 (年份从小到大)'
    CALL plt.tight_layout()
    SAVE FIGURE AS '表一_报考人群趋势_双轴_年份从小到大.png'
    SHOW FIGURE
 
END FUNCTION

其中利用ai辅助统计最难处理的就是ai的配色问题，传统的大模型审美与人类有一定偏差，因此必须要提供准确的提示词，正因如此，学习配色才成为必要。

在这个例子中我选择渐变色，从蓝到红，基底是蓝色

FINAL_PALETTE = [
    '#911120',    # 深红
    '#b6272d',    # 红
    '#ba3632',    # 红橙
    '#da3e2f',    # 亮红橙
    '#e0795f',    # 新增橙
    '#ff964f',    # 新增亮橙
    '#ac5aa1',    # 紫红
    '#cf98c6',    # 淡粉紫
    '#958ec5',    # 紫
    '#bab1d8',    # 淡紫
    '#dbd2ea',    # 更淡紫
    '#8076b5',    # 紫蓝
    '#6f68af',    # 深紫蓝
    '#404E97',    # 蓝紫
    '#4A78B4',    # 蓝
    '#409ccd',    # 蓝青
    '#21b3e4'     # 亮青
]

然而实际上这个渐变并不算特别成功，主要原因是渐变色之间跳跃太大了，使渐变不是特别明显。

也有现成的网站在做渐变色https://color.adobe.com/zh/create/color-wheel

素材收集

在日常收集好看的图片时，可以使用取色软件取色，积累优秀的配色案例

一个常用的网站https://wutools.com/color/image-color-picker?utm_source=chatgpt.com

或者可以使用上节提供的网站。

除此之外一些优秀的配色网站也能提供不错的素材，比如https://nipponcolors.com/提供了一些经典的日本配色，有很强的传统气息。

一个我很喜欢的颜色：#58b2dc

反向链接