这个动图用前端如何还原实现？

[Seymer]

[ipwx]

三大前端库，Vue.js, React, AngularJS，随便选一个慢慢做呗。

只要有 two-way binding 或者类似机制，基本都能做。

[Seymer]

@ipwx 嗯嗯，这个貌似是用 bootstrap + js 做的，不知道这个颜色选择权是自带的还是插件，也不像是 type color。

[zhlssg]

监听 onchange 事件，替换下面的 input，不需要双向数据绑定吧

[ChefIsAwesome]

帮你分析下。选颜色那个分三部分（左边区域的 x，y，右边那长条的 y ），肯定是某种颜色格式的三个参数。这三个参数未必直接就是百分比，但是肯定能换算成百分比来表示。所以你就是找到这个颜色格式是怎样的，然后把左右两个区域的渐变给画出来，应该 css 的渐变就行。接着就是监听鼠标事件，把鼠标位置相当于区域位置的坐标百分比给算出来，带到颜色公式里，这就得到结果了。
至于怎么点击输入框弹出来选择器，怎么跟上头的类型选择联动，方法就多种多样了

[cubesugar]

hsv 色彩空间，[react-color]( https://github.com/casesandberg/react-color)

[ipwx]

@zhlssg 用框架、分组件，好写。用 jQuery + bootstrap 你会得到一团乱麻的改不动的代码。