如何让WPF Image控件线性解析WriteableBitmap的颜色通道

颜色偏亮是WPF自动进行的伽马空间转换导致的：

• 你使用的PixelFormats.Rgba128Float默认对应线性scRGB颜色空间，WPF渲染到显示器时会自动将线性值转换为sRGB伽马空间输出，转换公式为 显示值 = pow(原始线性值, 1/2.2)，完全匹配你给出的测试数据。
• 你传入的float像素值本身就期望直接对应显示亮度，不需要额外的伽马转换，因此WPF的自动处理导致了画面过亮。

方案1：显式指定sRGB颜色上下文 #

创建WriteableBitmap时传入sRGB颜色上下文，告诉WPF输入的float值已经属于sRGB伽马空间，不需要再做转换：

public MainWindow() {
    InitializeComponent();
    // 标准sRGB颜色上下文，.NET Core 3.0+/.NET 5+ 可直接用StandardColorSpace枚举
    var srgbContext = new ColorContext(ColorContext.StandardColorSpace.sRGB);
    // .NET Framework 环境可用以下代码代替
    // var srgbContext = new ColorContext(new Uri("urn:schemas-microsoft-com:color:sRGB"));
    writeableBitmap = new WriteableBitmap(
        renderWidth, 
        renderHeight, 
        96, 
        96, 
        PixelFormats.Rgba128Float, 
        srgbContext);
    renderImage.Source = writeableBitmap;
}

该方案无需修改其他逻辑，无额外性能开销。

方案2：GPU端逆伽马校正 #

如果方案1在你的运行环境中不生效，可以给Image控件添加自定义像素着色器，在GPU端抵消WPF的自动伽马转换：

1. 编写HLSL着色器代码，编译为像素着色器文件嵌入项目资源：

sampler2D inputSampler : register(s0);

float4 main(float2 uv : TEXCOORD) : COLOR
{
    float4 color = tex2D(inputSampler, uv);
    // 逆伽马转换，抵消WPF的pow(x,1/2.2)操作
    color.rgb = pow(color.rgb, 2.2);
    return color;
}

2. 实现对应ShaderEffect类，应用到控件即可：

renderImage.Effect = new GammaCorrectionShaderEffect();

该方案完全由GPU执行，不会产生CPU端像素遍历的开销，性能影响可忽略。

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