T-UVUE-UI1.0.0

Appearance

parseColor ​

解析颜色字符串为具体的颜色值

支持平台 ​

安卓iosweb微信小程序支付宝小程序QQ小程序
√√√xxx

参数 ​

  • 颜色字符串: string 需要解析的颜色字符串，如 'red'。

返回值 ​

  • 颜色值: 返回解析后的颜色值。

示例 ​

javascript
import { parseColor } from '@/uni_modules/t-ui';
parseColor('red') // 返回具体的颜色值，例如：#FF0000

hexToRgba ​

将十六进制颜色字符串转换为RGBA格式

支持平台 ​

安卓iosweb微信小程序支付宝小程序QQ小程序
√√√xxx

参数 ​

  • 颜色字符串: string 十六进制颜色字符串，例如 '#ff0000'。
  • 透明度: number 透明度值，范围从0到1。

返回值 ​

  • RGBA字符串: 返回转换后的RGBA格式字符串。

示例 ​

javascript
import { hexToRgba } from '@/uni_modules/t-ui';
hexToRgba('#ff0000', 0.5) // 返回 "rgba(255, 0, 0, 0.5)"

rgbaToHex ​

将RGBA格式的颜色字符串转换为十六进制格式

支持平台 ​

安卓iosweb微信小程序支付宝小程序QQ小程序
√√√xxx

参数 ​

string: RGBA格式的颜色字符串，例如 'rgba(255,0,0,0.5)'。

返回值 ​

string: 返回转换后的十六进制颜色字符串。

示例 ​

javascript
import { rgbaToHex } from '@/uni_modules/t-ui';
rgbaToHex('rgba(255,0,0,0.5)') // 返回 "#ff0000"

rgbToHex ​

将RGB格式的颜色字符串转换为十六进制格式

支持平台 ​

安卓iosweb微信小程序支付宝小程序QQ小程序
√√√xxx

参数 ​

  • string: RGB格式的颜色字符串，例如 'rgb(255,0,0)'。

返回值 ​

  • string: 返回转换后的十六进制颜色字符串。

示例 ​

javascript
import { rgbToHex } from '@/uni_modules/t-ui';
rgbToHex('rgb(255,0,0)') // 返回 "#ff0000"

colorToRgba ​

将十六进制颜色字符串转换为RGBA格式

支持平台 ​

安卓iosweb微信小程序支付宝小程序QQ小程序
√√√xxx

参数 ​

  • string: 十六进制颜色字符串，例如 '#ff0000'。
  • number: 透明度值，范围从0到1。

返回值 ​

  • string: 返回转换后的RGBA格式字符串。

示例 ​

javascript
import { colorToRgba } from '@/uni_modules/t-ui/index';
colorToRgba('#ff0000', 0.5) // 返回 "rgba(255, 0, 0, 0.5)"

colorGradient ​

生成两个颜色之间的渐变颜色数组

支持平台 ​

安卓iosweb微信小程序支付宝小程序QQ小程序
√√√√√√

参数 ​

  • 起始颜色: string - 渐变的起始颜色，可以是十六进制、RGB、RGBA或颜色名称，例如 'red'。
  • 结束颜色: string - 渐变的结束颜色，格式同起始颜色。
  • 步数: number - 渐变过程中的颜色数量，决定了渐变的细腻程度。

返回值 ​

  • 颜色数组: 返回一个包含渐变颜色的字符串数组。

示例 ​

javascript
import { colorGradient } from '@/uni_modules/t-ui/index';
colorGradient('red', 'blue', 5) // 返回 ["#ff0000", "#ff0080", "#ff00ff", "#8000ff", "#0000ff"]

rgb2hsv ​

将RGB颜色值转换为HSV颜色值

支持平台 ​

安卓iosweb微信小程序支付宝小程序QQ小程序
√√√xxx

参数 ​

  • 红色值: number - RGB中的红色值，范围0-255。
  • 绿色值: number - RGB中的绿色值，范围0-255。
  • 蓝色值: number - RGB中的蓝色值，范围0-255。

返回值 ​

  • HSV对象: 返回一个包含H(色相)、S(饱和度)、V(明度)的对象。

示例 ​

javascript
import { rgb2hsv } from '@/uni_modules/t-ui/index';
rgb2hsv(255, 0, 0) // 返回 { h: 0, s: 1, v: 1 }

hsv2rgb ​

将HSV颜色值转换为RGB颜色值

支持平台 ​

安卓iosweb微信小程序支付宝小程序QQ小程序
√√√xxx

参数 ​

  • 色相值: number - HSV中的色相值，范围0-360。
  • 饱和度值: number - HSV中的饱和度值，范围0-1。
  • 明度值: number - HSV中的明度值，范围0-1。

返回值 ​

  • RGB对象: 返回一个包含R(红色)、G(绿色)、B(蓝色)的对象。

示例 ​

javascript
import { hsv2rgb } from '@/uni_modules/t-ui';
hsv2rgb(159, 1, 0.74) // 返回 { r: 255, g: 0, b: 122 }