动手做一个颜色选择器

uidec他(她)的空间>>4年前来源:UI中国

人气249

研究了一下的原理,以HSB为基准,转换成其他格式的值。

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

动手做一个颜色选择器动手做一个颜色选择器动手做一个颜色选择器动手做一个颜色选择器动手做一个颜色选择器

     
TA的上传
  • 红色风格企业后台管理系统界面设计
  • 4张后台管理系统界面UI
  • 几张系统管理登录页设计
  • 国家电网管理系统后台界面
  • 简约大气后台登录页
  • 员工考勤系统后台界面
  • 飞哥网站
  • 一起海带APP设计
  • 扁平风格手机主题UI
  • 25个优秀UI图标ICON设计作品
查看全部

只有登录之后才可以评论,请点击进行登录

全部评论: 0

登录

忘记密码

如果您尚未注册,请选择以下方式登录

Q Q 登 录 微 博 登 录
已有账号?快去登录>>

注册