生成双色深浅色系组合的公式是什么？如何实现自然渐变效果？

你之前直接对HEX对应的RGB数值做差值计算并叠加随机量的方式，是在RGB颜色空间做插值，该空间的色彩分布和人眼感知不匹配，会出现过渡生硬、颜色发灰脏污的问题，是你实际得到的效果差的核心原因。

效果对比 #

预期的自然过渡效果

RGB空间直接插值得到的生硬效果

优化方案 #

换用感知均匀的颜色空间（优先选LAB，其次HSV）做插值计算，不要直接操作RGB数值，具体流程如下：

• 第一步：将两个基准HEX色值转换为LAB颜色空间的L（明度）、A（红绿通道）、B（黄蓝通道）三个独立通道数值
• 第二步：按你需要的过渡色数量，对三个通道分别做线性插值，得到对应数量的中间色LAB值
• 第三步：将所有LAB值转换回RGB再输出为HEX格式，即可得到自然的渐变过渡色板
• 第四步：如果需要加入随机感，仅对每个插值得到的颜色的明度、饱和度通道做±10%以内的小范围微调，不要修改色相主值，避免颜色偏离预期区间

如果需要过渡效果更生动，可以在插值时对饱和度通道做小幅的正向偏移，让中间色的饱和度略高于线性插值的结果，视觉效果会更鲜活。

代码示例（Python） #

import numpy as np
from colormath.color_objects import sRGBColor, LabColor
from colormath.color_conversions import convert_color

def hex_to_lab(hex_str):
    rgb = sRGBColor.new_from_rgb_hex(hex_str)
    return convert_color(rgb, LabColor)

def lab_to_hex(lab_color):
    rgb = convert_color(lab_color, sRGBColor)
    # 约束rgb值在合法区间内，避免插值溢出
    rgb.rgb_r = max(0, min(1, rgb.rgb_r))
    rgb.rgb_g = max(0, min(1, rgb.rgb_g))
    rgb.rgb_b = max(0, min(1, rgb.rgb_b))
    return rgb.get_rgb_hex()

def generate_gradient_palette(start_hex, end_hex, color_count=10):
    start_lab = hex_to_lab(start_hex)
    end_lab = hex_to_lab(end_hex)
    # 三个通道分别生成插值序列
    l_vals = np.linspace(start_lab.lab_l, end_lab.lab_l, color_count)
    a_vals = np.linspace(start_lab.lab_a, end_lab.lab_a, color_count)
    b_vals = np.linspace(start_lab.lab_b, end_lab.lab_b, color_count)
    palette = []
    for l,a,b in zip(l_vals, a_vals, b_vals):
        palette.append(lab_to_hex(LabColor(l,a,b)))
    return palette

# 调用示例，替换为你自己的起止色即可
print(generate_gradient_palette("#2E8B57", "#FFE4B5", 8))

如果不想引入第三方依赖，用Python内置的colorsys库处理HSV空间插值也可以，效果远好于直接RGB插值。

内容的提问来源于stack exchange，提问作者Nick OZ