经纬志
首页 / Cesium / 使用示例

影像亮度对比度调色

底层是深色网格,上层是六个彩色块。四个滑杆分别改亮度、对比度、 饱和度和伽马,改动只作用于上层,底图保持原样。

CesiumJS 1.121 · 更新 2026-10-28
源码与运行效果
运行效果

四个参数的分工

brightness 把颜色整体乘一个系数,1 为原值; contrast 以 0.5 为中心拉开或压缩差异,1 为原值; saturation 控制灰度到彩色的程度,0 就是纯灰; gamma 做幂次校正,数值越大中间调越亮。

它们都是图层级参数,改的是最后合入画面的结果, 与底图数据本身无关,因此不会影响缓存与下载。

只调一层的好处

示例把调色作用在叠加层上,底图不受影响。实际项目里常用这种方式 给同一套影像做夜间模式、淡出效果,或者把注记层压暗以突出矢量要素。

可调参数

位置改什么效果
saturation拉到 0叠加层变灰度
gamma2.5中间调明显提亮
overlay.alpha0.9 改成 0.4底图网格透出来
hue加 0.5 弧度整体色相偏移

参数是线性叠乘的。亮度和对比度同时拉高会迅速过曝, 调参时建议先定亮度再动对比度,最后用伽马微调中间调。