动手做一个颜色选择器-电脑软件-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

动手做一个颜色选择器

0.0°

2016-08-19 原创作品 电脑软件举报 3219 10 13 2

杰杰怪关注

研究了一下颜色选择器的原理，以HSB为基准，转换成其他格式的颜色值。

而HSB中H(hues)表示色相，S(saturation)表示饱和度，B（brightness）表示亮度。H的值在0到360之间，不同的值在色卡上可以找到颜色。S代表饱和度，在颜色选择框中用X的坐标表示，越靠又饱和度越高。B则是亮度，越靠下亮度越小，知道这几个规律之后根据用户选择的坐标，通过计算得到HSB值，再根据HEX，RGB，HSB之间的转换规则转成不同的值一款简单的颜色选择器就完成了，如果要算上透明度的话也是一样的道理，额外再加一个透明度参数。