颜色类 - ikColor

关于颜色一些方法

导入方式

import { ikColor } from 'iking-utils'

isHexColor

判断是否 十六进制颜色值

输入形式可为 #fff000 #f00

  isHexColor(color: string)

参数说明

参数值	类型	参数值说明
color	String	颜色值

  const bool = ikColor.isHexColor('#ffffff')
  <!-- console.log(bool)  true -->

rgbToHex

RGB 颜色值转换为 十六进制颜色值.

r, g, 和 b 需要在 [0, 255] 范围内

  rgbToHex(r: number, g: number, b: number)

参数说明

参数值	类型	参数值说明
r	Number	r颜色值(0 ~ 255)
g	Number	g颜色值(0 ~ 255)
b	Number	b颜色值(0 ~ 255)

  const colorHex = ikColor.rgbToHex(255, 255, 255)
  <!-- console.log(colorHex)  #ffffff -->

hexToRGB

将十六进制颜色代码转换为相应的RGB格式。

  hexToRGB(hex: string)

参数说明

参数值	类型	参数值说明
hex	String	16进制颜色值

  const colorRgb = ikColor.hexToRGB('#ffffff')
  <!-- console.log(colorRgb)  RGB(255,255,255) -->

hexToRGBA

将十六进制颜色代码转换为相应的RGB格式。

  hexToRGBA(hex: string, opacity: number)

参数说明

参数值	类型	参数值说明
hex	String	16进制颜色值
opacity	number	0~1 透明度值

  const colorRgb = ikColor.hexToRGBA('#ffffff', 0.8)
  <!-- console.log(colorRgb)  RGB(255,255,255,0.8) -->

colorIsDark

判断颜色是否为深色

  colorIsDark(color: string)

参数说明

参数值	类型	参数值说明
color	String	颜色值

  const isDark = ikColor.colorIsDark('#eef38f')
  <!-- console.log(isDark )  false -->

darken

给定通过百分比，使HEX颜色变暗

  darken(color: string, amount: number)

参数说明

参数值	类型	参数值说明
color	String	颜色值
amount	Number	表示要应用于颜色的黑暗百分比的数字

  const color = ikColor.darken('#ff0000', 50)
  <!-- console.log(color )  #800000 -->

lighten

根据通过的百分比将6个字符的HEX颜色变浅

  lighten(color: string, amount: number)

参数说明

参数值	类型	参数值说明
color	String	颜色值
amount	Number	表示要添加到颜色中的亮度百分比的数字

  const colorLight = ikColor.lighten('#ff0000', 50)
  <!-- console.log(colorLight )  #ff7f7f -->

calculateBestTextColor

计算给定十六进制颜色的最佳文本颜色(黑色或白色)。

  calculateBestTextColor(hexColor: string)

参数说明

参数值	类型	参数值说明
hexColor	String	16进制颜色值

  const textColor = ikColor.calculateBestTextColor('#ff0000')
  <!-- console.log(textColor )   #FFFFFF -->