问下关于前端怎么根据值来生成对应的颜色

查看 101|回复 6
作者:allisone   
0 分表示 green
10 分表示 red
现在想通过给一个任意的 0-10 的之间的分值如 3.6 返回 color 到 green 中间的 16 进制色值
想问问大佬这个该怎么实现

Green, 进制色, color, red

Cosmic4764   
#ffffff = ff+ff+ff = 255+255+255
是这么理解吧?
allisone
OP
  
@Cosmic4764 不太懂,就是能根据分值显示从绿色、浅绿色、浅红色、 红色这样的,分值表示颜色靠近红色还是绿色,同时深浅不一样
horseInBlack   
https://developer.mozilla.org/zh-CN/docs/Web/CSS/color
CSS 颜色值主要有两种:
一种 HEX 值,比如 color:#00FF00
一种直接写 rgb(a)值 color: rgb(34, 12, 64, 0.6)
你这种情况直接 用 255*( 0-1 )的随机数就行了
至于究竟是原生、jQuery 修改 CSS 属性,还是 Vue 、React 就看你自己了
hellsnow   
从 rgb(0,255,0)到 rgb(0,255,0)
hellsnow   
@hellsnow 从 rgb(255,0,0)到 rgb(0,255,0)
AlphaTr   
rgb(255 * value / 10, 255 * (10 - value) / 10, 0)
您需要登录后才可以回帖 登录 | 立即注册

返回顶部