颜色转换工具

本文介绍了颜色转换相关工具。

HSV 转 RGB

名称

hsvToRgb

描述

将 HSV 模式转化成 RGB 模式。

请求参数

参数	数据类型	说明	是否必填
h	number	色相， 0°~360°	是
s	number	饱和度，0%~100%	是
v	number	明度，0%~100%	是

返回参数

参数	数据类型	说明
rgb	{ r: number, g: number, b: number}	RGB 的颜色值

请求示例

import { Utils } from "tuya-panel-kit";
const { hsvToRgb } = Utils.ColorUtils;

hsvToRgb( h, s, v ); 
// Example:
hsvToRgb(0, 1, 1);            

返回示例

{ r: 255, g: 0, b: 0 }

RGB 转 HSV

名称

rgbToHsv

描述

将 RGB 模式转化成 HSV 模式。

请求参数

参数	数据类型	说明	是否必填
r	number	红色值，0~255	是
g	number	绿色值，0~255	是
b	number	蓝色值， 0~255	是

返回参数

参数	数据类型	说明
hsv	{ h: number, s: number, v: number}	HSV 的值

请求示例

import { Utils } from "tuya-panel-kit";
const { rgbToHsv } = Utils.ColorUtils;

rgbToHsv(r, g, b);
// Example:
rgbToHsv(255, 0, 0); 
rgbToHsv(128, 1, 0);         

返回示例

{h: 0, s: 1, v: 1}
{h: 0, s: 1, v: 0.5019607843137255}

HEX 转 HSV

名称

hex2hsv

描述

将十六进制颜色值转化成 HSV 模式。

请求参数

参数	数据类型	说明	是否必填
hex	string	十六进制颜色值	是

返回参数

参数	数据类型	说明
hsv	number[]	HSV 的值

请求示例

import { Utils } from "tuya-panel-kit";
const { color } = Utils.ColorUtils;

color.hex2hsv(hex);
// Example:
color.hex2hsv('#FF00FF');      

返回示例

[ 300, 100, 100 ]

RGB 转 HEX

名称

rgb2hex

描述

将 RGB 模式转化成十六进制颜色值。

请求参数

参数	数据类型	说明	是否必填
r	number	红色值，0~255	是
g	number	绿色值，0~255	是
b	number	蓝色值， 0~255	是

返回参数

参数	数据类型	说明
hex	string	十六进制颜色值

请求示例

import { Utils } from "tuya-panel-kit";
const { color } = Utils.ColorUtils;

color.rgb2hex(r, g, b);
// Example: 
color.rgb2hex(255, 255, 255);      

返回示例

#FFFFFF

HEX 转 RGBA

名称

hex2RgbString

描述

将十六进制颜色值转化成 RGBA 模式。

请求参数

参数	数据类型	说明	是否必填
hex	string	十六进制颜色值	是
alpha	number	不透明度	是

返回参数

参数	数据类型	说明
rgba	{ r: number, g: number, b: number, a: number}	RGBA 颜色值

请求示例

import { Utils } from "tuya-panel-kit";
const { color } = Utils.ColorUtils;

color.hex2RgbString(hex, alpha);
// Example: 
color.hex2RgbString('#FF00FF', 1);

返回示例

rgba(255, 0, 255, 1)

HSV 转 RGBA

名称

hsv2RgbString

描述

将 HSV 模式转化成 RGBA 模式。

请求参数

参数	数据类型	说明	是否必填
h	number	色相， 0°~360°	是
s	number	饱和度，0%~100%	是
v	number	明度，0%~100%	是
alpha	number	不透明度	是

返回参数

参数	数据类型	说明
rgba	{ r: number, g: number, b: number, a: number}	RGBA 颜色值

请求示例

import { Utils } from "tuya-panel-kit";
const { color } = Utils.ColorUtils;

color.hsv2RgbString(h, s, v, alpha);
// Example: 
color.hex2RgbString(231, 231, 231, 1);

返回示例

rgba(0, 38, 255, 1)