Sass、Scss 中颜色转换 rgbaToHex、rgbToHex

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;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容