全国 【切换城市】欢迎您来到装修百科!
关注我们
我要装修

手残党福音,一键生成随机颜色:randomColor(随机颜色是什么意思)

发布:2024-09-14 浏览:43

核心提示:前言在项目中常常会遇到根据一个主颜色,然后生成一整个主题色系各种层次颜色的需求,尤其在切换主题、随机展示内容等场景。恰好找到了一库可以实现此功能,话不多说,我们一起来看看吧。randomColor线上 github 地址:https://github.com/davidmerfield/randomColor目前这个项目已经被移植到了各个常用语言中,例如C#, C++, Go, Haskell,Kotlin, Mathematica, PHP, Python, Raku, Objective-C, Jav

前言在项目中常常会遇到根据一个主颜色,然后生成一整个主题色系各种层次颜色的需求,尤其在切换主题、随机展示内容等场景。
恰好找到了一库可以实现此功能,话不多说,我们一起来看看吧。
randomColor线上 github 地址:https://github.com/davidmerfield/randomColor目前这个项目已经被移植到了各个常用语言中,例如C#, C++, Go, Haskell,Kotlin, Mathematica, PHP, Python, Raku, Objective-C, Java, R, Reason, Dart, Ruby, Rust, Swift ,Typescript,等等。
具体仓库链接可在 github 仓库页面中找到。
也就是说,这个项目不仅在 Javascript 环境可用,其他诸如后端、移动端等等都是可用的。
官方说明为:A tiny script for generating attractive colors即:一个生成漂亮颜色的简易脚本。
使用方式安装npm install randomcolor基本使用var randomColor = require('randomcolor'); // import the scriptvar color = randomColor(); // a hex code for an attractive color每一次执行都返回了一个随机的颜色值参数说明hue - 控制生成颜色的色调。
可以传递表示颜色名称的字符串例如red,yellow等。
如果传递十六进制颜色字符串,randomColor 将提取其色相值并使用它来生成颜色。
luminosity – 控制生成颜色的亮度。
可以使用:bright、light、darkcount - 一个整数,指定要生成的颜色数。
seed - 一个整数或字符串,传递时将导致 randomColor 每次都返回相同的颜色,这在主题色中可以命名使用,让每次走相同主题名称的时候,返回相同的颜色组。
format – 一个字符串,用于指定生成的颜色的格式。
可能的值为rgb,rgba,rgbArray,hsl,hsla , hslArray, hex, 默认为 hexalpha – 介于 0 和 1 之间的小数,默认为随机值。
场景实例代码randomColor({ hue:"yellow", luminosity:"dark", count:10, seed:"test", format:"hex", alpha:0.5})我们可以得到以下结果该代码生成了 10 个黄色相关暗色主题的颜色总结randomColor 是一个非常轻量化的色值生成器,代码也极其简单,总共 5kb 左右。
功能也非常直接实用,希望能对大家的场景有所帮助。
– 欢迎点赞、关注、转发、收藏【我码玄黄】,各大平台同名。

  • 收藏

分享给我的朋友们:

上一篇:权威的色彩机构 Pantone 揭晓了 2025 年的 15 种时尚流行色调 下一篇:[太原沐林装饰]新房装修预算不足怎么办?装修如何省钱呢?(太原沐林装饰)

一键免费领取报价清单 专享六大服务礼包

装修全程保障

免费户型设计+免费装修报价

已有312290人领取

关键字: 装修百科 装修咨询 装修预算表

发布招标得免费设计

申请装修立省30%

更多装修专区

点击排行