Rainbow Text Generator Multi Color Text

How to create online rainbow text. here is the tool creating HTML rainbow text

This tool generates multi-color text, VIBGYOR color format text, and random color text. Type or paste a sentence or paragraph text in the text area.

Maximum allowed 1000 characters. There are two types of text colorization, one for coloring each letter and the other for coloring only the words.

Demo:

Demo Rainbow Text

Enter your text here

12 /1000

Letters Splitting

English Letters

English

Other Languages

മലയാളം हिंदी 中文 বাংলা

Arabic text

عربى

Coloring method

Split Letters

Each letters

Split Words

HTML CSS Rainbow

Gradient color

Words / letters Gradient color

Each line Gradient color

Color brightness saturation lightness

saturation

lightness

Loading Google Font

Font Size:

Letter Space:

Text Shadow:

Shadow Color:

X. Length:

Y. Length:

Blur Radius:

Opacity:

Text Stroke:

Rainbow text to image

You can convert this rainbow text to image PNG format. You can share this picture on Facebook post and Instagram stories.

Convert to image

Select Image Size

Change image size

Font Size:

Width:

Height:

Line Height:

Y-pos:

X-pos:

Text Align:

Vertical Align:

Update

Zoom

Splitting Letters

Width: 0PX

Height: 0PX

Download image

Generate code

Google Font Link

Highlight

CSS

<style>

Highlight

HTML

Highlight

Preview Code Edit Code Download Code

CSS Animated Rainbow Text

Animated Linear

Edit Code view Code

Animated Color

Edit Code view Code

Rainbow Stroke

Edit Code view Code

CSS linear gradient rainbow colors text

CSS Rainbow Text

HTML

CSS

Edit Code

CSS Flame Text

Flame Text

HTML

CSS

Edit Code

CSS Christmas Colors Text

Christmas Colors

HTML

CSS

Edit Code

How To Generate Rainbow Colored Text In JavaScript

This JavaScript function will convert the DIV tag text to rainbow colored text. No need to add other CSS codes

JavaScript Rainbow Text

HTML

CSS

JavaScript

JavaScript Usage

Edit Code

Report Problem