# 颜色值处理方法(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之间
上次更新: 3/16/2024, 11:22:51 PM