JavaScript使用Range调色及透明度实例

颜色搭配是件头疼的事，工作空隙，利用range做个简单的手动调色，可得到rgb值和相应的十六进制色值。因为用到range标签，建议使用搜狗、火狐，IE10及以上版本代码如下：

 
 

 
 

 
 
 

 

 
 
 
 
 
  body, div,span {margin: 0;padding: 0;}
  .div1 {margin: 20px auto;border: 1px solid black;width: 400px;height: 250px;opacity: 1;}
  .div2 {margin: 0 auto;width: 600px;text-align: center;}
  span {width: 180px; display: inline-block;text-align: right;}
  span.val {width: 50px;display: inline-block;text-align: left;}
  input {margin: 3px 15px;outline: none;}
  h2 {margin: 3px auto;}
 
 

 
 
  
 
  
  R（红色）：255
  G（绿色）：255
  B（蓝色）：255
  O（透明）：1
  
RGB(255,255,255)
  
#FFFFFF