Skip to content

getAnalogousColors

生成一组类似色,使用 tinycolor 库来计算并随机调整颜色的透明度。

@movk-repo/shared/utils/colors/getAnalogousColors

参数

ts
function getAnalogousColors(params?: Partial<GetAnalogousColorsOptions>): string[]

results

生成的类似色数量。

  • 类型: number
  • 默认值: 6

slices

用于划分颜色轮的分片数。

  • 类型: number
  • 默认值: 30

colorSchemes

颜色方案数组。

  • 类型: string[]
  • 默认值: ['#67C23A', '#E6A23C', '#409EFF', '#F56C6C', '#909399']

format

颜色格式。

  • 类型: 'rgb' | 'prgb' | 'hex6' | 'hex3' | 'hex8' | 'name' | 'hsl' | 'hsv'
  • 默认值: 'hex8'

示例

ts
import { getAnalogousColors } from '@movk-repo/shared'

const colors = getAnalogousColors({
  results: 5,
  slices: 20,
  colorSchemes: ['#FF5733', '#33FF57'],
  format: 'rgb'
})
console.log(colors)

基于 MIT 许可发布