简体中文
简体中文
English
联系我们
注册
登录
layout空间导航

颜色转换工具

更新时间:2022-03-01 07:55:04下载pdf

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

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)