CSS filter滤镜任意色值转换工具

支持任意格式色值,包括颜色关键字。

原始色

目标色

对比色

* 对比色请填写6位完整Hex色值/不使用时请清空清空 * 可点击右侧开始按钮自动转换清空结果停止开始
目标色
滤镜呈现

当前将「原始色」转换为「目标色」的色值滤镜

当通过直接填入「目标色」转换多次仍得不到完美结果时,可将「目标色」填入 「对比色」 ,并将原「目标色」稍加更改,即可以曲线救国的方式尝试获得完美结果。

如「原始色:#212121」,「目标色:#2c2c2c」,此时多次转换仍得不到完美结果,则将「#2c2c2c」填入「对比色」,目标色改为「#111111」,此时转换时将以「#111111」计算滤镜值,在此过程中就有可能会计算出「#2c2c2c」的滤镜值,结果将会记录在下方「对比色滤镜值记录」中。

如果存在误差,或误差加大,可以重复转换。

目标色滤镜值记录:使「原始色」与「目标色」色值误差值为零的滤镜值

对比色滤镜值记录:使「原始色」与「对比色」色值相同的滤镜值