Lighting Bolt

Orientation	CSS (Click text to copy. If you can't copy, just hit Ctrl+C)
To Right	`background: linear-gradient(to right, #ff9800, #ffc107, #ffeb3b);`
To Left	`background: linear-gradient(to left, #ff9800, #ffc107, #ffeb3b);`
To Bottom	`background: linear-gradient(to bottom, #ff9800, #ffc107, #ffeb3b);`
To Top	`background: linear-gradient(to top, #ff9800, #ffc107, #ffeb3b);`

Android color codes


                <color name="Lighting Bolt_1">#ff9800</color>


                <color name="Lighting Bolt_2">#ffc107</color>


                <color name="Lighting Bolt_3">#ffeb3b</color>

Android gradient PRO

Flutter color codes


                const Lighting Bolt1 = Color(0xFFff9800);


                const Lighting Bolt2 = Color(0xFFffc107);


                const Lighting Bolt3 = Color(0xFFffeb3b);

Flutter gradient PRO

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#ff9800	rgb (255, 152, 0)	hsl 36°, 100%, 50%	hsv 36°, 100%, 100%	cmyk 0%, 40%, 100%, 0%	Pantone 1375C
#ffc107	rgb (255, 193, 7)	hsl 45°, 100%, 51%	hsv 45°, 97%, 100%	cmyk 0%, 24%, 97%, 0%	Pantone 123C
#ffeb3b	rgb (255, 235, 59)	hsl 54°, 100%, 62%	hsv 54°, 77%, 100%	cmyk 0%, 8%, 77%, 0%	Pantone 107C

Color blindness

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Far far away, behind the word mountains

Featured tools

Gradient generator

Palette generator