<script src="https://unpkg.com/rainbow-color-text@1.2.0/rainbow-color-text.js"></script>

<link rel="stylesheet" href="https://unpkg.com/rainbow-color-text@1.2.0/rainbow-color-text.css">

$ npm install rainbow-color-text

import RainbowColorText from 'path/to/rainbow-color-text';

const RainbowColorTextClass = require("path/to/rainbow-color-text");

class="rainbow-color-text-jet"

class="rainbow-color-text-viridis"

class="rainbow-color-text-turbo"

class="rainbow-color-text-cubehelix"

class="rainbow-color-text-hsv"

class="rainbow-color-text-rainbow"

class="rainbow-color-text-hot"

class="rainbow-color-text-cool"

class="rainbow-color-text-spring"

class="rainbow-color-text-summer"

class="rainbow-color-text-autumn"

class="rainbow-color-text-winter"

class="rainbow-color-text-gray"

class="rainbow-color-text-bone"

class="rainbow-color-text-copper"

class="rainbow-color-text-pink"

class="rainbow-color-text-ocean"

class="rainbow-color-text-colorcube"

class="rainbow-color-text-flag"

class="rainbow-color-text-lines"

class="rainbow-color-text-prism"

const rainbowColorText = RainbowColorText.init(colors, className = 'rainbow-color-text');

其中，colors是一个包含所有颜色的数组，至少传入2个色值，例如：['#0000ff', '#0080ff', '#00ffff', '#80ff80', '#ffff00', '#ff8000', '#ff0000', '#800000']

如果调用多次init()方法，且className相同，那么样式将被覆盖

rainbowColorText.addTo(element);

rainbowColorText.removeFrom(element);

rainbowColorText.getCSSCode();

rainbowColorText.getCSSText();

在直播时需要吸引眼球的文字效果

在录制视频时需要特殊风格的文字，和普通的字幕区分开

根据主题，不同的网站往往需要不同的文字风格

@misc{CNOCTAVE2025, author = {Yu Hongbo, }, title = {rainbow-color-text}, year = {2025}, howpublished = {\url{https://github.com/CNOCTAVE/rainbow-color-text}}, }

@techreport{CNOCTAVE2025, author = {Yu Hongbo, }, title = {rainbow-color-text Document}, institution = {BA DU XIN SHANG}, year = {2025}, number = {16}, month = {6}, url = {https://cnoctave.github.io/rainbow-color-text/index.html}, urldate = {2025-06-16}, }