# 颜色值处理方法(color)
此功能可以用于通过js修改元素字体,背景颜色等一些场景,常用于组件开发中。
# colorGradient
颜色渐变 该函数实现两个颜色值之间等分取值,返回一个数组,元素为十六进制形式的颜色值,数组长度为step值。 例如:colorGradient('rgb(250, 250, 250)', 'rgb(252, 252, 252)', 3),得到的结果为["#fafafa", "#fafafa", "#fbfbfb"]
import { colorGradient } from "@itriton/saber";
colorGradient('rgb(250,250,250)', 'rgb(252,252,252)', 3);
# Parameters
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
startColor | string | rgb(0, 0, 0) | 开始颜色值,可以是HEX或者RGB颜色值,如#0afdce或者rgb(120, 130, 150) |
endColor | string | rgb(255, 255, 255) | 结束颜色值,可以是HEX或者RGB颜色值,如#0afdce或者rgb(120, 130, 150) |
step | number | 10 | 均分值,把开始值和结束值平均分成多少份 |
# colorToRgba
颜色透明度 十六进制或者rgb格式的颜色值(不能接受命名式颜色格式,比如white),返回此颜色的rgba格式值
import { colorToRgba } from "@itriton/saber";
colorToRgba('#000000', 0.35);
# Parameters
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
color | string | 空 | 只能hex或者rgba格式 |
alpha | number | 0.3 | 透明度 |
# hexToRgb
十六进制Hex转RGB
import { hexToRgb } from "@itriton/saber";
hexToRgb("#0afdce");
# Parameters
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
sColor | string | 空 | 十六进制Hex颜色值 |
isArray | boolean | false | 是否返回数组类型 |
# rgbToHex
RGB颜色值转换为十六进制颜色值
import { hexToRgb } from "@itriton/saber";
rgbToHex("rgb(13, 145, 20)");
# Parameters
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
rgb | string | 空 | RGB颜色值 |
# colorToDark
颜色加深
import { colorToDark } from "@itriton/saber";
colorToDark('#1C6CFE', 0.5);
# Parameters
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
color | string | 空 | 十六进制HEX颜色值 |
level | string | 空 | 加深的程度,限0-1之间 |
# colorToLight
颜色减淡
import { colorToLight } from "@itriton/saber";
colorToLight('#1C6CFE', 0.5);
# Parameters
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
color | string | 空 | 十六进制HEX颜色值 |
level | string | 空 | 减淡的程度,限0-1之间 |