百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
G

gradient-string

> 编程语言
开源

:rainbow: 终端输出中的漂亮色彩渐变

1.2K stars0 点赞1 次浏览
访问官网GitHub

工具介绍

:rainbow: 终端输出中的漂亮色彩渐变

gradient-string

[![构建状态][build-src]][build-href] [![版本][version-src]][version-href] [![Codecov][codecov-src]][codecov-href] [![下载][downloads-src]][downloads-href] [![代码风格: prettier][code-style-src]][code-style-href] [![在 Awesome Node.js 中提及][awesome-src]][awesome-href]

终端输出中的美观色彩渐变

安装

$ npm i gradient-string

使用方法

javascript
import gradient from 'gradient-string';

console.log(gradient(['cyan', 'pink'])('Hello world!'));

初始化梯度

javascript
// Provide an array of colors
const coolGradient = gradient(['#FF0000', '#00FF00', '#0000FF']);

颜色使用 TinyColor 解析, 支持多种格式。

javascript
const coolGradient = gradient([
  tinycolor('#FFBB65'), // tinycolor object
  { r: 0, g: 255, b: 0 }, // RGB object
  { h: 240, s: 1, v: 1, a: 1 }, // HSVa object
  'rgb(120, 120, 0)', // RGB CSS string
  'gold', // named color
]);

使用渐变

javascript
const coolString = coolGradient('This is a fancy string!');
console.log(coolString);

内置渐变

使用方法

javascript
import { rainbow, pastel } from 'gradient-string';

// Use the pastel built-in gradient
console.log(pastel('I love gradient-string!'));

// Use the rainbow built-in gradient
console.log(rainbow('It is so pretty! '));

可用的内置渐变

多行渐变

在某些情况下,您可能希望在长文本的每一行(或 ASCII 图形)上应用相同的水平渐变。您可以使用渐变的 multiline() 方法来确保颜色垂直对齐。

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

TypeScriptcolorconsolegradientnodejs

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言