这个网站是如何做到的?(实时调整图像的颜色）

How is this done on this site? (Adjusting Colors of Image in Real-Time)

本文关键字：实时调整图像颜色网站何做更新时间：2023-09-26

http://ultimate-wallpaper.com/wallpaper/call-of-duty-map-pack-1ndvB3/

在图像下方，您可以控制图像的色调、饱和度和亮度。他们使用jQuery，这一侧的图像似乎是base64编码的，这是必要的吗？

总之，它是HTML5。

HTML5具有<canvas>标签，使Javascript能够完全控制屏幕上的颜色、矢量和像素。

HSL（色调、饱和度和亮度）是CSS3规范中最新支持的格式。HSL是一种更易于人类阅读的形式。只是为了在光谱中循环，我们只需将"色调"从360增加；色调以圆柱形的方式映射到光谱。

亮度控制颜色的明暗程度；0%表示黑色像素，而100%表示白色像素。饱和度控制颜色的亮度或生动程度；灰色是用0%的饱和度创建的，而鲜艳的颜色是用100%的值创建的。

阅读许多关于HTML5的有趣内容（尤其是文档），你一定会喜欢它

他们使用的画布是HTML5新规范的一部分。去读一下：）

他们使用一个javascript库Pixastic
它在HTML5画布上提供了各种图像渲染操作。

我不认为图像文件必须是base64编码的，
因为它的文档并不涉及它。