Sass、Scss 中颜色转换 rgbaToHex、rgbToH

rgb 颜色 转 Hex

// rgb 颜色转 hex
@function rgbToHex($rgbColor) {
  $ieHexStr : ie-hex-str($rgbColor);
  @return unquote("\##{str-slice($ieHexStr,4)}");
}

rgba 颜色 转 Hex

// rgba 颜色转 hex ,该函数是根据背景颜色来计算的。默认背景色是白色
@function rgbaToHex($rgbaColor,$background: rgb(255,255,255)) {
  @if ($rgbaColor) {
    $bgR : red($background);
    $bgG : green($background);
    $bgB : blue($background);

    $colorRed : red($rgbaColor);
    $colorGreen : green($rgbaColor);
    $colorBlue : blue($rgbaColor);
    $colorAlpha : alpha($rgbaColor);

    $rgbColor : rgb(
        (1 - $colorAlpha) * $bgR + $colorAlpha * $colorRed,
        (1 - $colorAlpha) * $bgG + $colorAlpha * $colorGreen,
        (1 - $colorAlpha) * $bgB + $colorAlpha * $colorBlue);
    @return rgbToHex($rgbColor);
  }
  @return $rgbaColor;
}