获取颜色的更深级和更浅级颜色

获取颜色的更深级和更浅级颜色

预览效果：

       .content div{
   
           height: 100px;
           width: 100px;
           margin: 10px;
           float: left;
           text-align: center;
           line-height: 100px;
       }

	<div class="content" >
        <div style="background-color: {
      {
      beforeColor}};color: #fff;">原色</div>
        <div style="background-color: {
      {
      swallowColor}};">0.2浅色</div>
        <div style="background-color: {
      {
      deepColor}};color: #fff;">0.5倍深色</div>
    </div>

		//#ff0000 转 rgba(123,123,123, 0.4)
       $scope.