【发布时间】:2019-03-08 16:28:46
【问题描述】:
我正在尝试创建可以改变图像颜色的图像过滤器。为此,我需要将 rgb 颜色转换为 hsl,然后在 shift 之后将 hsl 转换回 rgb。我进行了一些研究并找到了可以帮助我完成这项任务的公式。
我在我的 Playground 中使用 Swift 实现它们只是为了测试它们是否可靠。我不会在这里发布 Swift 代码只是为了保持整洁,但我会展示我的测试结果:
输入:rgb (61, 117,237) 或 (0.24,0.46,0.93)
结果:
rgb2hsl [0.613527 0.831325 0.585] or (221, 83, 58.5) //hsl
hsl2rgb [0.24 0.46 0.93] //back to rgb
太棒了!到目前为止一切顺利。
现在我们需要将 Swift 代码转换为 Core Image Kernel Language (CIKL)。 这里是:
float hue2rgb(float f1, float f2, float hue) {
if (hue < 0) {
hue += 1.0;
}
else if (hue > 1) {
hue -= 1.0;
}
float res;
if (6*hue<1) {
res = f1 + (f2 - f1) * 6 * hue;
}
else if (2*hue<1) {
res = f2;
}
else if (3*hue<2) {
res = f1 + (f2 - f1) * (2.0/3.0 - hue) * 6;
}
else {
res = f1;
}
return res;
}
vec3 hsl2rgb(vec3 hsl) {
vec3 rgb;
if (hsl.y == 0) {
rgb = vec3(hsl.z,hsl.z,hsl.z);
}
else {
float f2;
if (hsl.z < 0.5) {
f2 = hsl.z * (1.0 + hsl.y);
}
else {
f2 = hsl.z + hsl.y - hsl.y * hsl.z;
}
float f1 = 2 * hsl.z - f2;
float r = hue2rgb(f1, f2, hsl.x + 1.0/3.0);
float g = hue2rgb(f1, f2, hsl.x);
float b = hue2rgb(f1, f2, hsl.x - 1.0/3.0);
rgb = vec3(r,g,b);
}
return rgb;
}
vec3 rgb2hsl(vec3 rgb) {
float maxC = max(rgb.x, max(rgb.y,rgb.z));
float minC = min(rgb.x, min(rgb.y,rgb.z));
float l = (maxC + maxC)/2.0;
float h = 0;
float s = 0;
if (maxC != minC) {
float d = maxC - minC;
s = l > 0.5 ? d / (2.0 - maxC - minC) : d / (maxC + minC);
if (maxC == rgb.x) {
h = (rgb.y - rgb.z) / d + (rgb.y < rgb.z ? 6.0 : 0);
} else if (maxC == rgb.y) {
h = (rgb.z - rgb.x) / d + 2.0;
}
else {
h = (rgb.x - rgb.y) / d + 4.0;
}
h /= 6.0;
}
return vec3(h,s,l);
}
问题来了。我无法在过滤器中使用此函数获得正确的值。为了检查所有内容,我制作了一个 Quartz Composer Patch。 因为我在 CIKL 中没有找到任何打印/日志选项,所以我做了这个来检查我的转换是否正确:
这个patch的逻辑:我的filter把color作为输入,转成hsl再转回rgb再返回;暂时忽略图像输入。
我的过滤器的内核函数:
kernel vec4 kernelFunc(__sample pixel, __color color) {
vec3 vec = color.rgb;
vec3 hsl = rgb2hsl(vec);
return vec4(hsl2rgb(hsl), 1);
}
过滤器包括上面列出的功能。
我在查看器中看到的结果是:
右侧的图像是从输入颜色裁剪的恒定颜色图像。 左图是我们过滤器的输出。
数字颜色选择器为左图返回 rgb (237, 239.7, 252)。
我没有更多的想法如何调试这个东西并找到问题。任何帮助将不胜感激。谢谢。
【问题讨论】:
标签: swift graphics rgb quartz-graphics core-image