utils-gear

Appearance

Color ​

source code

颜色相关函数。包含颜色转换，深色判断等函数

randomHex ​

随机生成一个16进制颜色

signature:

typescript
function function randomHex(): string;

example:

typescript
randomHex(); // #ffffff

hexToRgb ​

hex 颜色转 rgb 颜色。hex 为 6 位十六进制颜色，不包含透明度信息

signature:

typescript
function hexToRgb(hex: string): number[];

example:

typescript
hexToRgb('#fff'); // [255, 255, 255]

rgbToHex ​

rgb 颜色转换为 hex 颜色。 透明度信息将丢弃

signature:

typescript
function rgbToHex(rgb: string): string;

example:

typescript
rgbToHex('rgb(255 255 255)'); // #ffffff

rgbToHsl ​

rgb 颜色转换为 hsl 颜色。支持 alpha 通道。 alpha 通道的百分数会转换为浮点数，而 s 和 l 的百分数将丢弃百分号，不做转换

signature:

typescript
function rgbToHsl(rgb: string): number[];

example:

typescript
rgbToHsl('rgb(147 49 49)'); // [0, 50, 38]

hslToRgb ​

hsl 颜色转换为 rgb 颜色。支持 alpha 通道
signature:

typescript
function hslToRgb(hsl: string): number[];

example:

typescript
hslToRgb('hsl(0deg 50% 38%)'); // rgb(147 49 49)

isDarkColor ​

判断颜色是否为深色。接受 hex, rgb, rgba, hsl, hsla 颜色
signature:

typescript
function isDarkColor(color: string): boolean;

example:

typescript
isDarkColor('#fff'); // false
isDarkColor('hsl(217deg 74% 13%))'); // true